javascript - 如何选择所有具有特定 src 的子图像的 Div？

Question

假设我有，

<div>
  <img src='aaBB_a.png' />
</div>

<div>
  <img src='aaa_a.png' />
</div>

<div>
  <img src='aaBB_a.png' />
</div>

我需要选择所有包含 src 包含 BB_ 的 img 子项的 div(不是图像)。在上面的示例中，我需要选择第一和第三(而不是第二)。我已经尝试过了，

'div img[src*="BB_"]',

但它选择的是图像而不是 div。

更新:我需要将其传递给 jquery delegate，

$('#container').delegate('div img[src*="BB_"]','鼠标悬停',function(){ })

Answer 1

使用 jQuery has()将初始结果过滤为具有这些后代的结果

var divsBB = $('div').has('img[src*="BB_"]');

对于selector version :has() :

$('#container').delegate('div:has(>img[src*="BB_"])','mouseover',function(){...})