jquery怎么给append追加有序列表
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>插入在第一位</title>
<style type="text/css">
.content{ padding:0; margin:0;}
.content ul li{ list-style:none; width:100px; height:30px; text-align:center; background:#063; color:#fff; margin-bottom:3px; line-height:30px;}
</style>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
//append是直接插入在内容的最后面，不能换位置，如果一定要append做有序在最后，只能先用数据html+="<li>插入在第一位</li>"，先连接上，最后在一次append加入（深圳网站建设www.sz886.com）
$("#btn_first").click(function(){
//before插入到选择到的元素之前
$(".content ul li:first").before("<li>插入在第一位</li>");
});
$("#btn_two").click(function(){
//before插入到选择到的元素之后
$(".content ul li:first").after("<li>插入在第二位</li>");
});
});
</script>
</head>
<body>
<div class="content">
<ul>
<li>原来的位置</li>
</ul>
</div>
<input type="button" value="插入在第一位" id="btn_first" /><br>
<input type="button" value="插入在第二位" id="btn_two" />
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
