jquery - 使用jquery从html中的两个表中删除第一行

Question

我在 html 中有两个具有相同汇总值的表，代码是在服务器端创建的，我无权生成具有不同 id 的表或...

<table summary='somefreakydummytext'></table>
<table summary='somefreakydummytext'></table>

我想从两个表中删除第一行，但以下代码仅从第一个表中删除第一行

$("table[summary='somefreakydummytext'] tr:first").remove();

我测试过

 $("table[summary='somefreakydummytext']) 

它返回两个表。那么我如何使用 jquery 从两个表中删除第一行。

谢谢大家。

Answer 1

:first 是一个 jQuery 选择器，它选择所选元素中的第一个。因此，使用 :first-child 伪类选择器从每个表中获取第一个子元素。

$("table[summary='somefreakydummytext'] tr:first-child").remove();

$("table[summary='somefreakydummytext'] tr:first-child").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table summary='somefreakydummytext'>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>
<table summary='somefreakydummytext'>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>

<小时/>

为了避免嵌套表元素，请使用 css direct child(>)选择器。

$("table[summary='somefreakydummytext'] > tbody > tr:first-child").remove();

$("table[summary='somefreakydummytext'] > tbody > tr:first-child").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table summary='somefreakydummytext'>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>
<table summary='somefreakydummytext'>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>