Question

我有这段代码：

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

但它会选择碰巧嵌套在所选td中的任何td。（还有一对。）

我尝试$("#widgetstable > tr > td:nth-child("+column+")").hide();，但没有选择任何内容。

Answer 1

当您的浏览器解析HTML时，tbody为inserted silently，>选择器表示父级的直接子级。对于以下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>

Here is a demo

避免选择嵌套的td。怎么样？

1 个答案: