Home/ Questions/Q 795109
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T22:25:32+00:00

I have the following HTML structure <div id=test-1-yay></div> … bunch of code … <div

  • 0

I have the following HTML structure

<div id="test-1-yay"></div>
... bunch of code ...
<div id="test-2-yay"></div>
... bunch of code ...
<div id="test-3-yay"></div>

I was wondering how I can use jQuery to basically identify each of these “id’s” and then apply some jQuery to them ? I’m new to this so little unsure ? Something like

if $('#test-1-yay' || '#test-2-yay' || '#test-3-yay') {
do stuff to all ID's
}

But the prob is I want this to continue as it could go to #test-201-yay, #test-202-yay etc ?

Thx

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could use a substring selector to get most of the way there:

    var divs = $('div[id^=test-]'); // All divs with IDs starting with "test-"

    …which would work better if you changed the naming convention a bit so the number was at the end. But I think I’d lean toward using some other aspect of the structure (the parent node), or a class, or a data-xyz attribute…

    Edit A pair of substring selectors can do it:

    var divs = $('div[id^=test-]').filter("div[id$=yay]");

    That gets all of the ones whose IDs start with “test-” and then filters out the ones that don’t end with “yay”. Close, anyway…

    • 0