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()方法在满足给定选择器条件的后代中查找元素。

现场演示

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

Answer 2

使用此代码

    <script>
        $(document).ready(function() {
      $("#mytable tr:first #button1").css("display", "none");
    });
    </script>