Find all elements by part of the id attribute

Question

I was wondering if this was possible:

I have a set of divs, each with an ID ending in '_font', e.g 'body_font', 'heading_font', 'tagline_font', etc.

Is there a way to grab those elements by searching for a common portion of their names, in this case '_font' so I can later manipulate them using jQuery?

You should add a class like `font` to all such divs and select by class name. Your approach is really bad practice. — dfsq, Dec 02 '12 at 15:47
I'm aware and I normally would. But I'm using Options Framework for WordPress and it doesn't allow for this - each option has its own id. — mousesports, Dec 02 '12 at 15:53

score 23 · Accepted Answer · answered Dec 02 '12 at 15:43

You can use an "attribute ends-with" selector:

var elems = $("div[id$='_font']");

If you spend some time browsing the jQuery API you should be able to answer questions like this yourself without having to post on Stack Overflow.

Other selectors that might come in useful:

Adil · Answer 2 · 2012-12-02T15:49:32.460

1

You can use wild cards, $ will give you elements which have ending with give string, learn more about ends with selctor here.

elements = $('[id$=_font]);

edited Dec 02 '12 at 15:49

answered Dec 02 '12 at 15:44

Adil

146,340
25
209
204

score 1 · Answer 3 · answered Dec 02 '12 at 15:44

1

Try this:-

 var elements = $("[id$='_font']");

answered Dec 02 '12 at 15:44

Rahul Tripathi

168,305
31
280
331

score 1 · Answer 4 · answered Dec 02 '12 at 15:44

1

Yes it is possible, use:

var elements = $('[id$=_font]');

answered Dec 02 '12 at 15:44

Gurpreet Singh

20,907
5
44
60

score 0 · Answer 5 · answered Dec 02 '12 at 15:45

0

jQuery's Attribute Ends With Selector should do what you are asking:

$("div[id$='_font']")

answered Dec 02 '12 at 15:45

Kyle Burton

26,788
9
50
60

Find all elements by part of the id attribute

5 Answers5

Linked