CODEWITHSUNDEEP
javascriptjquery
Eileen
Eileen

Reputation: 6660

How to use 'contains' in an if statement?

I have HTML that looks like this:

<div class="item-list">
 <h3>Monday Sep 21</h3>
 <h3>Tuesday Sep 22</h3>
 <h3>Wednesday Sep 23</h3>

If today's date is on the list, then that date should be red. If today is not on the list (hey, it's still August!), then the 21st should be red. I used this code to successfully turn Sept 21 red, but I don't know how to put it in an if/else. [I tried some basic stuff, and searched, but I am lame with js.]

$(".item-list h3:contains('Monday Sept 21')").css('color','red');

(That "Monday Sept 21" will eventually be a variable based on today's date.)

Upvotes: 11

Views: 13646

Answers (2)

Gene Bo
Gene Bo

Reputation: 12073

Thanks to @karim79's answer, I see I can do a simple IF call directly like this:

var val = $('#customTextArea').is(':contains("Enter Text Here")');

Upvotes: 1

karim79
karim79

Reputation: 342635

Using the is traversal method:

$(".item-list h3").each(function () {
    if ($(this).is(':contains("Monday Sept 21")')) {
        $(this).css("color", "red");
    } else {
        // do something
    }
});

Upvotes: 18

Related Questions