嗨,我有一个这样的表格:
<table class="approvalstable">
...
<tr>
<td class="projectapproval">
<img src="../../Content/Images/stock_lock.gif" alt="locked" class="lockicon invisibleforprint" />
</td>
<td>
<input type="checkbox" class="projectcheckbox approvalcheckbox" checked="checked" />
</td>
</tr>
<tr>
<td class="projectapproval">
<img src="../../Content/Images/stock_lock.gif" alt="locked" class="lockicon invisibleforprint" />
</td>
<td>
<input type="checkbox" class="projectcheckbox approvalcheckbox" />
</td>
</tr>
<tr>
<td class="projectapproval">
</td>
<td>
<input type="checkbox" class="projectcheckbox approvalcheckbox" />
</td>
</tr>
...
</table>
到目前为止,要获得没有锁定图像的行数,我有:
$('.approvalstable td.projectapproval:not(:has(img.lockicon))').length
但是,我还有一个进一步的要求,即仅获取其中没有锁定图像的行数,其中也有一个选中的复选框。
好的,以便获得带有选中复选框的数字:
$('.projectcheckbox:checked').length;
谁能告诉我如何组合它们?我正在尝试获取单元格中没有锁定图像和同一行单元格中选中复选框的行数。
尝试:
$('tr').find('img.lockicon').parents('tr').find('input.projectcheckbox:checked').length
jsFiddle 示例。
$('.approvalstable td.projectapproval:not(:has(img.lockicon))').filter('.projectcheckbox:checked').length
应该可以解决问题。