javascript - 如何忽略特殊的 td 节点及其整个子节点？

Question

我有一个 DOM 树如下:

console.log($("table td:not(.customWrap)"));

<script src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
<table>
  <td class="noWrap">1</td>
  <td class="noWrap">2</td>
  <td class="customWrap">
    <table>
     <tr>
      <td class="noWrap">3</td>
     </tr>
    </table>
  </td>
  <td class="noWrap">4</td>
</table>

我使用选择器 $("table td:not(.customWrap)")得到一些包含 1,2,4 的节点。

但是使用这个选择器，我过滤了节点 td.customWrap成功并且不过滤它的 child <td class="noWrap">3<td> .

实际上，我不想获取具有3 的节点.

Answer 1

试试这个:你只需更改 $("table td:not(.customWrap * , .customWrap)")

$(function() {
  $("table td:not(.customWrap * , .customWrap)").each(function() {
    console.log($(this).text())
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<table>
  <td class="noWrap">1
    <td>
      <td class="noWrap">2
        <td>
          <td class="customWrap">
            <table>
              <tr>
                <td class="noWrap">3
                  <td>
              </tr>
            </table>
            </td>
            <td class="noWrap">4</td>
</table>