jquery - 隐藏表格第一行中的元素

Question

我有下表

<table id="mytable">
  <tr>
     <td>name</td>
     <td>
       <a id="button1" class="button">link</a>
     </td>
  </tr>
  <tr>
     <td>name2</td>
     <td>
       <a id="button2" class="button">link</a>
     </td>
  </tr>
</table>

我想使用 jQuery 隐藏第一行第一列按钮，但我不确定该怎么做，但我设法执行了以下操作(使第一个 tr 字体变为斜体)。

$(document).ready(function() {
  $("#mytable tr:first").css("font-style", "italic");
});

Answer 1

因为你有按钮的 id，你可以使用 id 来隐藏它。

$('#button1').hide();

如果你想使用 class 但由于某些原因不能使用 id，你可以使用 find()在 后代 中查找满足给定选择器条件的元素的方法。

Live Demo

$(document).ready(function() {
  $("#mytable tr:first").find('.button').hide();
});