jquery - 如何在表格中查找不包含特定类别图像的单元格数量

Question

我有一张像这样的桌子：

<table>
  ...
  <td class="projectapproval">
    <img src="../../Content/Images/stock_lock.gif" alt="locked" class="lockicon invisibleforprint" />
  </td>
  <td class="projectapproval">
  </td>
  <td class="projectapproval">
  </td>
  ...
</table>

我所拥有的是：

$('table td.projectapproval img.lockicon').length

这将计算带有锁定图标的表格中的单元格数。

我想要的是计算没有锁定图标的表格中的单元格数量。在这种情况下是两个。

有谁知道这样做的好方法？

我当然可以去：

$('table td.projectapproval).length - $('table td.projectapproval img.lockicon').length

但我真的想要一种更清洁的方式。一个存在吗？

Answer 1

尝试这个

$('table td.projectapproval:not(:has(img.lockicon))')

Answer 2

另一种方法是使用过滤器功能：

$('table td.projectapproval').filter(function() {
    return !$(this).children('img.lockicon').length;
    // use the find function if you're not looking for immediate children:
    return !$(this).find('img.lockicon').length;
})