Select elements where class contains the string 'award' (jQuery)

Question

I have a series of li items that I want to select based on the class name and if it contains the string 'award'

I have the following html..

<li class="award"></li>
<li></li>
<li class="award-open"></li>

How do I select the two li items that have the class with the string 'award' in it?

Sorry about that I was using the keyboard and accidently pressed ENTER on the submit question ;) Doh? :) — Zabs, Jan 31 '14 at 13:22
Guys, stop jumping on this question with answers already. This is a "exact" duplicate, and should've been searched for. — Cerbrus, Jan 31 '14 at 13:24
Take a look at http://stackoverflow.com/questions/3697542/is-there-a-wildcard-class-selector — friedi, Jan 31 '14 at 13:24

score 9 · Accepted Answer · answered Jan 31 '14 at 13:22

9

You need http://api.jquery.com/attribute-contains-selector/

$("[class*='award']")

answered Jan 31 '14 at 13:22

Adil Shaikh

44,509
17
89
111

score 1 · Answer 2 · answered Jan 31 '14 at 13:23

1

Use:

$('.elementClass[class^="xyz"]').each(function() {
// do something
});

answered Jan 31 '14 at 13:23

Milind Anantwar

81,290
25
94
125

Saurabh Chauhan · Answer 3 · 2014-03-24T12:30:40.917

1

   if(getElementByTagName("li")[i].className=="award";)

This will do from java script otherwise in jquery already answered by @Adil and in place of i you have to loop it in for because tag name will return more than one li select as much you want.

edited Mar 24 '14 at 12:30

answered Jan 31 '14 at 13:39

Saurabh Chauhan

144
8

Select elements where class contains the string 'award' (jQuery)

3 Answers3