jQuery get ID attribute using regex

Question

<div class="A1"> <div id="child1">A1-1</div> <div id="child2">A1-2</div> <div id="child3">A1-3</div> <div id="child4">A1-4</div> <div class="A2"> <div id="child5">A2-1</div> <div id="child6">A2-2</div> <div class="A3"> <div id="child7">A3-1</div> <div id="child8">A3-2</div> </div> </div> </div>

so this is the code I have, I am looking for a way to get the number that comes after the word "child" in each ID. I was thinking about using something like var values = $(‘id:contains(child)’).attr(); but it doesn't work. or maybe using regex? any suggestions? thank you

You need to read the jQuery documentation on selectors and the .attr() function. — BoltClock
– BoltClock, Commented Mar 1, 2012 at 8:34
This kind of question asked and answered already... Take a look at; stackoverflow.com/questions/190253/… — Lost_In_Library
– Lost_In_Library, Commented Mar 1, 2012 at 8:34
similar to this one? stackoverflow.com/questions/3086554/… — robasta
– robasta, Commented Mar 1, 2012 at 8:36

Community · Accepted Answer · 2020-06-20 09:12:55Z

JQuery has a concept of selectors.

You can use the following code:

("[id*='child']").each(function() { alert(this.attr()); });

This is called a "Contains Selector". JQuery also supports EndsWith, Child, Parent etc selectors. For more info please visit http://api.jquery.com/category/selectors/

Jeroen · Accepted Answer · 2015-05-04 10:41:13Z

You can also try :

$('div[id^="child"]').each(function(){alert(this.attr());})

The ^ means "start with". So it will select any id starting with 'child'

http://api.jquery.com/attribute-starts-with-selector/

Collectives™ on Stack Overflow

jQuery get ID attribute using regex

2 Answers 2

("[id*='child']").each(function() { alert(this.attr()); });

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

("[id*='child']").each(function() { alert(this.attr()); });

Comments

Comments

Linked

Related