Reputation: 735

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

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"]');

Upvotes: 2

Answers (3)

Reputation: 208405

Try the following:

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

Upvotes: 4

Reputation: 14419

Use filter:

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

Upvotes: 0

Reputation: 144659

You can use 2 attribute selectors.

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

Upvotes: 5