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()方法查找符合选择条件的后代中的元素。< / p>

<强> Live Demo

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

Answer 2

使用此代码

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

隐藏表格第一行中的元素

2 个答案: