javascript - 如果 div 的索引等于元素的索引

Question

我正在尝试获取页面上元素的索引:

$('#wrapper section').each(function(){
    $(this).attr('data-index', $(this).index());
});

然后我用我的部分的 data-index 创建 div svs-control:

$('#wrapper section').each(function(){
   var me = this;
      $('#re_order').append('<div class="svs-control" data-index="'+$(me).index()+'"></div>');
});

现在我想通过点击每个 svs-control 来删除每个 section，如何比较 section 和 的索引svs-control，如果它们匹配 - 删除部分？

Answer 1

鉴于您通过索引访问每个 section 并将该值分配给数据属性是多余的，因此可以删除您的第一个 each() 循环。您可以在 .svs-control 元素上使用委托(delegate)事件处理程序(因为它们是动态附加到 DOM 的)，并使用 eq 按索引查找 section ():

$('#re_order').on('click', '.svs-control', function() {
    var index = $(this).data('index');
    $('#wrapper section').eq(index).remove();
});