怎么动态增加元素顺序？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQuery Test</title>
<script src="../behappy/jquery-2.1.4.min.js" charset="utf-8"></script>
<script >
$(function() {
n = 1;
$(".click").click(function()
{
$(".aa").append('<li class="bb" id="选项'+n+'">'+n+'------<span class="del">删除</span></li>');
n++;
});
});
$(document).on('click', '.del', function() {
var num = $(this).parent("li").html();
num = parseInt(num);
$(".aa li").each(function(key,item){
if(key+1 > num){
$(item).html(num+'------<span class="del">删除</span>');
$(item).attr('id',"选项"+num);
num++;
}
});
$(this).parent("li").remove();
});
</script>
</head>
<body>
<div class="click">Click</div>
<ul class="aa"></ul>
</body>
</html>点击click增加li，点击删除能够更新li里面的数字与属性ID，但是增加后还是按照原来的顺序增加，请问该怎么改？
例：
1------删除
2------删除
3------删除
4------删除
5------删除
6------删除
7------删除
8------删除
9------删除
10------删除
点击删除能动态改变数字：
1------删除
2------删除
3------删除
4------删除
5------删除
6------删除
7------删除
再点击增加：
1------删除
2------删除
3------删除
4------删除
5------删除
6------删除
7------删除
11------删除
12------删除
13------删除
增加因为是n++判定，所以并没有动态改变
展开
收起
1
条回答
写回答
写回答
-
维护一个全局变量当前的节点数目nodeNume
及一个nodeZero= 0;
每次删除一个节点后,调用写的一个方法。方法里头做
$(".aa li").each(function(key,item){｝
将节点从nodeZero依次赋值给id,最后循环完了
nodeZero= 0;
每次添加一个节点，就++nodeNume
同时将此值赋值id2019-07-17 18:55:48赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
