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         


        

Answer 1

Try the following:

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

http://api.jquery.com/multiple-attribute-selector/

Answer 2

Use filter:

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

Answer 3

You can use 2 attribute selectors.

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