怎么动态增加元素顺序?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

怎么动态增加元素顺序?

2016-03-09 12:54:10 1441 1
 <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)
  • 小旋风柴进
    2019-07-17 18:55:48

    维护一个全局变量当前的节点数目nodeNume
    及一个nodeZero= 0;
    每次删除一个节点后,调用写的一个方法。方法里头做
    $(".aa li").each(function(key,item){}
    将节点从nodeZero依次赋值给id,最后循环完了
    nodeZero= 0;
    每次添加一个节点,就++nodeNume
    同时将此值赋值id

    0 0
相关问答

1

回答

数值精确顺序是什么?

2022-04-01 08:18:32 932浏览量 回答数 1

1

回答

顺序分布目前产品有什么?

2021-12-13 11:06:14 277浏览量 回答数 1

1

回答

kafka的顺序保证是什么意思?

2021-12-09 18:49:34 172浏览量 回答数 1

1

回答

Hive当中增加/修改列信息怎么做?

2021-12-08 19:40:05 121浏览量 回答数 1

1

回答

z-index属性可设置标准流中所有重叠元素的堆叠顺序是吗?

2021-11-22 23:20:18 250浏览量 回答数 1

1

回答

循环读取逐渐增加的文件内容,怎么写?

2021-10-18 17:28:01 151浏览量 回答数 1

1

回答

迭代器 Iterator 怎么用

2021-01-08 15:50:07 342浏览量 回答数 1

1

回答

为什么我加载动态链接库失败了,路径绝对没有错错

2016-03-20 13:55:06 2079浏览量 回答数 1

1

回答

C++怎么简单读取顺序文件 ?

2016-03-11 13:52:35 2857浏览量 回答数 1

1

回答

谁知道怎么增加数据盘容量

2014-12-07 12:29:42 3865浏览量 回答数 1
文章
问答
问答排行榜
最热
最新
相关电子书
更多
重新定义计算的边界
立即下载
动态、高效,蚂蚁动态卡片的内核逻辑
立即下载
用计算和数据去改变整个世界
立即下载