<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="心若向阳">
<title>js代码动态添加删除li标签</title>
<script type="text/javascript" src="../js/jquery3.1.js"></script>
<script type="text/javascript">
var aa=0;
$ (function (){
$ ('#add').click (function (){
$('#content').append('<li class="item" >'+$("#content").children().length+'</li>');
});
$("#dianji").click(function(){
++aa;
$('#hahha').append('<li class="item" id="'+aa+'">'+aa+'</li>');
});
$ ('#delete').click (function (){
//根据li标签的下标删除
//注:下标从0开始
var len =3;
$("ul li:eq("+len+")").remove();
// $('#'+3+'').remove(); //根据li标签id删除
});
})
</script>
</head>
<body>
<div >
<ul id="content">
</ul>
<ul id="hahha">
</ul>
</div>
<button id="add">添加li标签</button>
<button id="dianji">添加带id的li标签</button>
<button id="delete">删除div</button>
</body>
</html>