javascript - Select elements with id attribute that starts/ends with a particular value

Question

Can jQuery or JavaScript be used with a regex to select multiple elements with similar id?

I have the following paragraphs:

<p id="item5_2"> A </p>
<p id="item9_5"> B </p>
<p id="item14_2"> C </p>

I want to change the content of paragraphs with id starting in item and ending in 2.

I used the following jQuery:

$("#item[d]*2").html("D");

but it doesn't work. How can I get it to work?

JSFiddle Demo

Answer 1

Yes it can, you can combine the attribute starts with and the attribute ends with selector

$('[id^="item"][id$="2"]').html("D");

FIDDLE (and you have to enable jQuery in the fiddle)

you can't use regex to match the numbers in between though, for that you'd need filter()

$('[id^="item"]').filter(function() {
    return this.id.match(/itemd+_2/);
}).html("D");