JQuery: get all children whose id contains part of the string

Question

I have a set of links:

<div id="parent"> <a id="UserFirst" href="#"></a> <a id="UserSecond" href="#"></a> <a id="UserThird" href="#"></a> </div> 

I need a quick way to get (for example) all the children of a #parent whose id contains the letter i .

How can i do this?

Answer 1

Use jquery contains selector :

 $("#parent").find("a[id*='i']").each(function(){ //do something here }); 

DEMO FIDDLE

Answer 2

Use the attribute containing the selector :

 $('#parent a[id*="i"]'); 

Answer 3

Use the attribute selector:

 a[id*="i"] 

Or .filter() :

 $('a').filter(function() { return this.id.indexOf('a') !== -1; });