我在 html 中有两个具有相同汇总值的表,代码是在服务器端创建的,我无权生成具有不同 id 的表或...
<table summary='somefreakydummytext'></table>
<table summary='somefreakydummytext'></table>
我想从两个表中删除第一行,但以下代码仅从第一个表中删除第一行
$("table[summary='somefreakydummytext'] tr:first").remove();
我测试过
$("table[summary='somefreakydummytext'])
它返回两个表。那么我如何使用 jquery 从两个表中删除第一行。
谢谢大家。
最佳答案
: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>
关于jquery - 使用jquery从html中的两个表中删除第一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41479287/