Question

Let’s say I have,

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

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

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

I need to select all div’s (not images) which contain a img child which src contain BB_. In above example, I need to select first and third(not second). I have tried this,

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

But it is selecting images not div.

Update: I need to pass this to jquery delegate,

$(‘#container’).delegate(‘div img[src*=”BB_”]’,’mouseover’,function(){
})

Answer 1

Use jQuery has() to filter the initial result to those that has these descendants

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

For the selector version :has():

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