$(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...

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

demo

汗.... 这种问题需要搞一天吗？
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/