jquery - 避免选择嵌套的 td。如何？

Question

我有这个代码：

$("#widgetstable tr td:nth-child("+column+")").hide();

但它会选择恰好嵌套在所选 td 内的任何 td。（还有一对。）

我试过$("#widgetstable > tr > td:nth-child("+column+")").hide();了，但它没有选择任何东西。

Answer 1

当您的浏览器解析您的 HTML 时，Atbody会静默插入>，选择器表示父级的直接子级。对于以下 HTML，此选择器将起作用：

<style>
   td {
     background-color: blue;
   }
</style>
<table id='widgetstable'>
  <tr>
    <td>Me</td>
  </tr>
  <tr>
    <td>
      <table>
        <tr><td>Not Me</td></tr>
      </table>
    </td>
  </tr>
</table>
<script>
  $("#widgetstable > tbody > tr > td").css('background-color', 'red');
</script>

这是一个演示