Selecting element which starts with "abc" and ends with "xyz"

Question

I have elements in my page with ids like "abc_1_2_3_xyz" .How do I select element in Jquery which starts with "abc" and ends with "xyz"?

$('div[id^="abc"], div[id$="xyz"]');

Possible duplicate [here](http://stackoverflow.com/questions/5376431/wildcards-in-jquery-selectors) — Jack Pettinger, Apr 11 '13 at 20:08

score 5 · Accepted Answer · answered Apr 11 '13 at 20:06

5

You can use 2 attribute selectors.

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

answered Apr 11 '13 at 20:06

Ram

score 4 · Answer 2 · answered Apr 11 '13 at 20:06

4

Try the following:

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

answered Apr 11 '13 at 20:06

Andrew Clark

score 0 · Answer 3 · answered Apr 11 '13 at 20:06

0

Use filter:

$('div')
    .filter(function() {
        return this.id.match(/^abc+xyz$/);
    })
    .html("Matched!")
;

answered Apr 11 '13 at 20:06

KingKongFrog

3 Answers3