JQuery从表中删除选定的行

Question

假设我有一张桌子：

 <table id="mytable">
    <tr>1</tr>
    <tr>2</tr>
    <tr>3</tr>
    <tr>4</tr>
    <tr>5</tr>
    <tr>6</tr>
    ...
    ...
   </table>

我知道你可以使用('#mytable').find("tr:gt(n)").remove(); 删除第n行后的所有行。 但是，是否有类似的功能可以指定要删除的行范围？说我想删除第2行到第5行？或者我只想删除第2行？

我必须为每一行添加一个id来实现这个目标吗？

感谢

Answer 1

您可以将jQuery slice(start,[end])用于范围，将eq(index)用于单行。

var myRows = $("table tr").slice(1,5);

Answer 2

这可以吗？

$('#mytable tr:gt(2):lt(5)').remove();

Answer 3

$('#mytable').find('tr').filter(function(index){
    return index >=2 && index <=5;
}).remove();

Answer 4

尝试过滤它的功能：

var rangeFunction = function(index){
  return index >=2 && index <=5;
};

$('#mytable').filter(rangeFunction).remove();

这是常用的方法。如果您只想要简单的线性范围，请尝试：

$("#mytable tr").slice(2, 4).remove();

Answer 5

您可以尝试使用:eq() selector：

$("#mytable").find("tr:eq(index)").remove();

要删除一系列行，您可以使用该选择器并循环浏览它们