jQuery check if attribute contain substring

Question

Here's my problem: Consider the following html:

<div id="item1" class="green_large">
<div id="item2" class="green_large">
<div id="item2" class="green_small">
<div id="item4" class="yellow_large">
<div id="item5" class="yellow_large">

How do I check if $(this) contain a class name with the substring "yellow" for example using jQuery?

$("div").click(function() {

    if ($(this).contains_the_class_with_the_substring_yellow?) {
        // do something
    }
}

Mikee · Accepted Answer · 2010-10-12 12:58:18Z

20

$("div").click(function() {

    if (this.className.indexOf("yellow") > -1) {
        // do something
    }
}

answered Oct 12, 2010 at 12:58

Mikee

2,5932 gold badges18 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jAndy · Accepted Answer · 2010-10-12 12:58:44Z

15

$("div").click(function() {

    if (this.className.indexOf('yellow') > -1) {
        // do something
    }
}

or pure jQuery'ish:

$("div").click(function() {

    if ($(this).attr('class').indexOf('yellow') > -1) {
        // do something
    }
}

answered Oct 12, 2010 at 12:58

jAndy

237k57 gold badges313 silver badges363 bronze badges

Collectives™ on Stack Overflow

jQuery check if attribute contain substring

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related