Is it possible to get a selector using indexOf

Question

Like

    <div id="box_1">
    <div id="box_2">
    <div id="box_3">

If i want to get all id's starting with 'box_' how can i do it something like this..

    $("#box_" + anything )

Unfortunately wrapping the div's won't work because it will get all the other divs in side and between the box divs.

I guess i can give them all another class and reference it like that, but just wondering if there's something like this out there.. thanks.

Answer 1

You can use an Attribute Starts With selector:

$("div[id^=box_]");

Answer 2

It is possible with the attribute starts with selector as others have mentioned, but it might be better to give each element a class:

<div id="box_1" class="box"></div>
<div id="box_2" class="box"></div>
<div id="box_3" class="box"></div>

Select with:

$(".box")

Answer 3

Yep:

$('div[id^="box_"]');

In this case, because you are trying to use the ID selector, its better to switch to an element selector, combined with an attribute selector.

Answer 4

You can use an attribute selector:

$('[id^="box_"')

That will give you all elements whose id starts with "box_". If you need to, qualify it with an element:

$('div[id^="box_"')