jQuery:如何在删除元素

时间:2017-06-01 08:00:11

标签: javascript jquery

我正在拖动元素并递增其ID我只想知道如何在删除元素后序列化id。

$(document).on('click', '.js-remove', function(event) {
        event.preventDefault();
        /* Act on the event */

        $(this).slideDown();
            $(this).animate({
                "opacity" : "0",
                },{
                "complete" : function() {
                    $(this).parent().remove();
                }
            });

    });

更新:

  1. 在这里序列化意味着(假设我已经将元素拖了三次而id test-clone-1,test-clone-2和test-clone-3分别到每个div,现在如果我删除了第二个div删除后,id为test-clone-2的第三个div将成为test-clone-2
  2. 要查看ID增量,请打开控制台
  3. jsFiddle link

1 个答案:

答案 0 :(得分:0)

您可以通过将此循环添加到test-clone-X功能来重新编号ID "complete"

//Re-numbering id's of each div inside .test class.
$('.test').each(function(i, obj) {
    $(this).attr("id", "test-clone-" + ( i + 1 ) );
});

请参阅Updated Fiddle

检查元素并在删除任何元素时查看新ID。