jquery for each all elements having similar id

Question

I have many elements accross page - ID1, ID2 ID3 ...

I want to manipulate all the elements. Is there any simpler way to do this.

$("#ID").each(function(){ ... });

You can use `attribute starts with` selector, `$('[id^=ID]').each` — Ram, Apr 24 '13 at 12:13
possible duplicate of [jquery ID starts with](http://stackoverflow.com/questions/5413841/jquery-id-starts-with) — Ram, Apr 24 '13 at 12:14

Dipesh Parmar · Accepted Answer · 2016-04-13T06:05:42.610

19

You can use ^ selector.

Example

$('div[id^="ID"]')

^= select DOM whose ID attribute starts with ID (i.e ID1, IDID,IDS,ID2 etc)

edited Apr 13 '16 at 06:05

answered Apr 24 '13 at 12:13

Dipesh Parmar

score 5 · Answer 2 · answered Apr 24 '13 at 12:14

5

Give them a class, so you can select them by the class?

$('.class').each(function(i,e) { // });

answered Apr 24 '13 at 12:14

E. van der Spoel

score 4 · Answer 3 · answered Apr 09 '19 at 08:31

4

$('element[id^="ID"]').each(function () {
console.log(this.value);
});

Where element is the name of your targeted html element.

answered Apr 09 '19 at 08:31

Talha Imam

CristianD · Answer 4 · 2015-10-02T21:05:17.113

2

If the ID portion isn't necessarily at the beginning you could do:

$( "[tagName][id*='ID']" )

edited Oct 02 '15 at 21:05

answered Oct 02 '15 at 20:28

CristianD

score 0 · Answer 5 · answered Apr 24 '13 at 12:15

0

  function(ID)
  {
        ... $("#ID"+ID) ...
  }

  for (i=1;i<3;i++)
  {
       function(i);
  }

answered Apr 24 '13 at 12:15

Richard

5 Answers5