javascript - js löscht eine bestimmte Zeile in einer Liste und löscht die entsprechende Indexzeile in einer anderen Liste

Question

RT! Wenn auf eine bestimmte Zeile in Liste A geklickt und ein Löschereignis ausgeführt wird und dann die entsprechende Zeile in Liste B gelöscht wird, möchte ich dies durch die Indexmethode erreichen. Aber als ich das Löschereignis zum ersten Mal ausführte, wurden die korrekten entsprechenden Zeilen in der entsprechenden Liste gelöscht, aber als ich das Ereignis zum zweiten Mal ausführte, wurden die gelöschten Zeilen in den Listen A und B...

过去多啦不再A梦 · Answer

$(function() {
  var $list1 = $('#list-1');
  var $list2 = $('#list-2');
  var z = $list1.find('li').length - $list2.find('li').length;
  $list2.on('click',
    'li',
    function() {
        var index = $(this).index()
      console.log(index)
      $(this).remove();
      $list1.find('li:eq('+ (index + z) +')').remove()
    });
})

demo:
https://jsfiddle.net/ycloud/t...

女神的闺蜜爱上我 · Answer

简单的做法是, 为 list01 列表里的每一项添加一个 data-xxx 属性, 点击的时候
查询 list02 里相同 data-xxx 属性的 li, 然后删除.

demo

世界只因有你 · Answer

汗.... 这种问题需要搞一天吗？
each里面的index是初始化的时候就确定了的，是1始终就是1，是2始终就是2，应该使用元素当前的index去删除另外一个列表。
$('#list-2 li').each(function() {

  $(this).on('click', function() {
    $('#list-1 li').eq($(this).index()+z).remove();
     $(this).remove();
  });
});

废话不多说，看代码吧：
http://jsfiddle.net/m6vhks4g/

有空到我的网站逛逛，新站没什么流量：http://www.aizelasi.club/