jquery - 如何删除具有特定 ID 的表行？

Question

我现在尝试了不同的解决方案，但我无法删除正确的行。
注意:在 HTML5 中，在 ID 中使用数字是有效的。

html

<table>
  <tr id="2"></tr>
  <tr id="5"></tr>
  <tr id="7"></tr>
  <tr id="9"></tr>
</table>

js

var arr = new Array();
arr[0] = '7';
arr[1] = '9';

for(var row_id in arr) {
  $('table tr[id='+row_id+']').remove();
}

结果总是一样的——我的一些最上面的行被删除了，而不是下面的两行。
我在这段代码中缺少什么？

更新:这是我的 fiddle - http://jsfiddle.net/6PkMK/1/

Answer 1

你有两个问题。首先，您使用的是 key 而不是 array[key]。让我做一个快速演示...

var array = ["a", "b", "c"];

for (var i in array)
{
    console.log(i); //0, 1, 2
    console.log(array[i]); //"a", "b", "c"
}

你明白了吧？第二个问题是，我认为您以错误的方式使用了选择器变量。在 Jquery 中，当你想选择一个带有 id 的元素时，你可以这样做:$(#id)，而不是你这样做的方式。

试试这个:

var arr = new Array();
arr[0] = '7';
arr[1] = '9';

for(var row_id = 0; row_id < arr.length; row_id ++) { //The proper way to iterate
  $('#' + arr[row_id]).remove();
}

再次重申，如果这是错误的，请在评论中告诉我，我会删除我的回答。