javascript - jquery中使用for循环删除索引，无法完全删除，为什么？

Question

http://jsfiddle.net/SdHLZ/

jquery中使用for循环删除索引，无法完全删除，为什么？下面的代码如果只执行 console.log() 将看到 4 个元素，但如果取消注释删除行，它将不起作用

我对每个功能进行了测试，确保它有效。

$('.button').on('click', 'input', function() {
  for(var i = 0; i < $('.list').length; i++) {

    // $('.list').get(i).remove();
    // console.log($('.list').get(i));
  }
});

Answer 1

如果您尝试删除所有 .list 元素，则不需要循环。您只需在选择器上调用 .remove() 即可，jQuery 将负责为您查找元素:

$('.button').on('click', 'input', function() {
    $('.list').remove();
});

Updated fiddle

要仅删除没有内容的元素，请使用filter():

$('.button').on('click', 'input', function() {
    $('.list').filter(function() { 
        return $(this).text() == '';
    }).remove();
});

Example fiddle