Question

    <table>
      <tbody>
        <tr>
         <td class="A">More Html element</td>
         <td class="B">More html element</td>
        </tr>
       <tr>
         <td class="A">More Html element</td>
         <td class="B">More html element</td>.....(2)
      </tr>
      <tbody>
   <table>

如何使用jquery我可以隐藏数字2处的元素？

Answer 1

你也可以使用nth-child selector，就像这个$('td.B:nth-child(2)').hide();一样，但是我并不真正推荐隐藏td元素，因为在某些情况下你的桌子可能会“狂野”，你应该隐藏内容td元素（<td class="B"><span class="hideMe">sadsa</span></td>，所以你是隐藏的jquery选择器看起来像$('td.B:nth-child(2) .hideMe').hide();

Answer 2

$("TABLE TD.b").eq(1).hide();

但请注意，这可能会导致单元格在您的表格中移动时出现布局问题。一个更好的解决方案是在单元格内部放置一个容器div，然后隐藏它。

Answer 3

示例 -

$('td.B').eq(1).hide();

使用eq选择指定的索引。

Demo

如何使用classname隐藏td元素

3 个答案: