gpt4 book ai didi

jQuery - 如何选择包含 th 的 tr?

转载 作者:行者123 更新时间:2023-12-03 22:42:35 25 4
gpt4 key购买 nike

标题几乎说明了一切。
给定一个像这样的表

<table>
<tr>
<th>Header 1</td>
<th>Header 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
</table>

如何选择包含第 th 个标题而不包含其他标题的行?

最佳答案

表达式:

$(function() {
$("tr:has(th):not(:has(td))").hide();
});

或者甚至只是:

$(function() {
$("tr:not(:has(td))").hide();
});

完整示例:

<html>
<head>
<title>Layout</title>
</head>
<body>
<table>
<tr>
<th>Header 1</td>
<th>Header 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
<tr>
<td>Datum 1</td>
<td> Datum 2</td>
</tr>
<tr>
<th>Header 3</th>
<th>Datum 2</td>
</tr>
</table>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.3.1");
google.setOnLoadCallback(function() {
$(function() {
$("tr:has(th):not(:has(td))").hide();
});
});
</script>
</body>
</html>

关于jQuery - 如何选择包含 th 的 tr?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/530513/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com