我有一个jquery，它需要循环通过每一行，如果第四列是Pending，那么它应该禁用复选框。
我的jquery一直工作到循环，我不知道为什么它不输入if语句，以及如何找到最接近的复选框？
HTML无法编辑。平台受限
我试着用另一种方式来做，在那里我将循环检查复选框，并找到最接近"PENDING"值的跨度，但它不起作用。
$(document).ready(function() {
$('#button').click(function() {
var zoneObject = $('.cell').find('span');
$(zoneObject).each(function() {
var text = $(this).text().replace(/ /g, '');
var pending = "Pending";
// if text is pending then check box is disabled
if (text === pending) {
var chx = $(this).find(':checkbox');
$(chx).prop("disabled", true);
}
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<body>
<button id='button'>
Click Me
</button>
<table id='table1'>
<tbody>
<tr class='und'>
<td>
<table>
<tbody>
<tr>
<td class='cell'>
<input type='checkbox' />
</td>
<td class='cell'>
<span>
one
</span>
</td>
<td class='cell'>
<span>
233232
</span>
</td>
<td class='cell'>
<span>
Pending
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class='und'>
<td>
<table>
<tbody>
<tr>
<td>
<input type='checkbox' />
</td>
<td class='cell'>
<span>
one
</span>
</td>
<td class='cell'>
<span>
233232
</span>
</td>
<td class='cell'>
<span>
s
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>您必须更改以下两件事
1( 。if (text === pending) //Here might be remains newline character thats why you have to use trim function to remove leading and trailing blank space
至
if ($.trim(text) === pending)
2( 。var chx = $(this).find(':checkbox');
至
var chx =$(this).closest('tr').find(':checkbox');
演示
使用trim来删除字符串前后的空格，而不是replace。
$(document).ready(function() {
$('#button').click(function() {
var zoneObject = $('.cell').find('span');
$(zoneObject).each(function() {
var text = $(this).text();
text=text.trim();
var pending = "Pending";
// if text is pending then check box is disabled
if (text == pending) {
var chx = $(this).parent().parent().find(':checkbox');
$(chx).prop("disabled", true);
}
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<body>
<button id='button'>
Click Me
</button>
<table id='table1'>
<tbody>
<tr class='und'>
<td>
<table>
<tbody>
<tr>
<td class='cell'>
<input type='checkbox' />
</td>
<td class='cell'>
<span>
one
</span>
</td>
<td class='cell'>
<span>
233232
</span>
</td>
<td class='cell'>
<span>
Pending
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class='und'>
<td>
<table>
<tbody>
<tr>
<td>
<input type='checkbox' />
</td>
<td class='cell'>
<span>
one
</span>
</td>
<td class='cell'>
<span>
233232
</span>
</td>
<td class='cell'>
<span>
s
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>