jquery - 获取除列之外的所有行 jQuery

Question

我使用下面的代码来读取表的所有行。

现在，我想在查找所有 tr 时排除具有“exclude”类的特定列。

var rows = $("#" + myTableId).find("tr");

Answer 1

如果你的表结构是我想象的那样，那么你可以这样做:

迭代行并创建不带排除列的副本行。

$(function() {
  var rows = [];
  $("#table").clone().find("tr").each(function() {
    var $row = $("<tr>");
    $(this).find("td").not(".exclude").each(function() {
      $row.append($(this));
    });
    rows.push($row);
  });
  console.log(rows);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
<tr><td>1</td><td>11</td><td class="exclude">111</td></tr>
<tr><td>2</td><td class="exclude">22</td><td>222</td></tr>
<tr><td class="exclude">3</td><td>33</td><td>333</td></tr>
</table>

如果您需要更短的解决方案:

它有很多与之相关的假设，但我想它应该适合你:

$(function() {
  var $table = $("#table").clone();
  $table.find(".exclude").remove();
  var rows = $table.find("tr");
  
  console.log(rows);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
<tr><td>1</td><td>11</td><td class="exclude">111</td></tr>
<tr><td>2</td><td class="exclude">22</td><td>222</td></tr>
<tr><td class="exclude">3</td><td>33</td><td>333</td></tr>
</table>