tags:

views:

20

answers:

2

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
    }
}
+3  A: 
$("div").click(function() {

    if (this.className.indexOf("yellow") > -1) {
        // do something
    }
}
Mikee
+1  A: 
$("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
    }
}
jAndy
That was fast, thank you
Tom