javascript - 删除所有 <td> 都具有特定类的表行的问题

Question

您能看一下This Demo吗？让我知道如何删除仅 <tr>这一切都是<td>有.old类？

我尝试使用这段代码来完成这项工作

$("#removeOld").on("click",function(){
  $('tbody').find('tr').each(function () {

    var rows = 0;
    var rows_old = 0;

    $(this).find('td').each(function () {
        rows++;
        if ($(this).has('old')) rows_old++;
    });

    if (rows === rows_old) $(this).remove();
});
});

但这会删除整个表格!你能让我知道我做错了什么以及如何解决这个问题吗？

谢谢

Answer 1

您需要删除 tr，它没有 td，它不是 td.old，所以

$("#removeOld").on("click", function() {
  $('tbody tr').not(':has(td:not(.old))').remove()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="removeOld" type="button">Remove Entire Old Row!</button>
<table style="width:100%">
  <tbody>
    <tr>
      <td class="old">Some Old</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td>All New</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
    <tr>
      <td class="old">Some Old</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td class="old">All Old</td>
      <td class="old">Smith</td>
      <td class="old">50</td>
    </tr>
  </tbody>
</table>