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(/item\d+_2/); }).html("D");