提问人:Phil 提问时间:1/24/2023 最后编辑:freedomn-mPhil 更新时间:1/24/2023 访问量:30
jquery - 如何在表行中选择一个类,
jquery - How to select a class within a table row,
问:
我有一个表格,其单元格可能包含文本框、单选按钮、复选框 我给每个人一个类 - 所以所有文本框都是类“T”,复选框是类“C”,依此类推
我想遍历所有行并获取每个输入的值。 我试过这个
function gather() {
var res = '';
var table = document.getElementById("tblQ");
for (var i = 0, row; row = table.rows[i]; i++) {
if (row.style.display !== 'none') {
$('.T').each(function () {
if ($.trim($(this).val()) !== '')
res += $(this).attr('id') + '~' + $(this).val() + '\n';
});
$('.C').each(function () {
if ($(this).is(':checked'))
res += $(this).attr('id') + '~1\n';
});
$('.R').each(function () {
if ($(this).is(':checked'))
res += $(this).attr('id') + '~1\n';
});
}
}
alert(res);
}
<table id="tblQ">
<tr>
<td>
<input id="01" type="text" value="myText" class='T' />
</td>
</tr>
<tr>
<td>
<input id='02' type="checkbox" checked class='C' />
</td>
</tr>
</table>
<p />
<button onClick='gather()'>Test</button>
这给了
01~myTest
02~1
01~myTest
02~1
如何将“.each”限制为当前行中的类。
答: 暂无答案
评论
".C"
'[type="checkbox"]'
$('.R')
~1
$('.T').each(
->$('.T', row).each(
(与 .C/.R) 或(等效)$(row).find(".T").each(