Jquery 为表中的项目查找多个条件



嗨,我有一个这样的表格:

<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应该可以解决问题。

最新更新