jQuery 获取表格复选框选中行的 TH 值内容 - 示例代码及解释
var thValues = [];
$("table input[type='checkbox']:checked").each(function() {
var thValue = $(this).closest("tr").find("th").map(function() {
return $(this).text();
}).get().join(", ");
thValues.push(thValue);
});
console.log(thValues);
解释:
- 首先,使用
$("table input[type='checkbox']:checked")选择所有被选中的复选框。 - 然后,使用
.each()迭代每个被选中的复选框。 - 在循环中,使用
$(this).closest("tr")找到当前复选框所在的行。 - 然后,使用
.find("th")找到该行中的所有th元素。 - 使用
.map()遍历每个th元素,并使用$(this).text()获取其文本值。 - 最后,使用
.get().join(", ")将获取到的th值以逗号分隔的字符串形式存储到thValues数组中。 - 打印thValues数组,即可得到选中行的th值。
请注意,这里的代码假设只有一个表格,并且表格的复选框是通过点击th中的复选框来选中的。如果你的情况有所不同,请适当调整代码。
原文地址: https://www.cveoy.top/t/topic/pAkM 著作权归作者所有。请勿转载和采集!