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.)

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.)

• javascript
• jquery

• 2 An example of a good question with a good answer. – Lightness Races in Orbit Commented Jul 13, 2011 at 19:15

2 Answers 2

Using the is traversal method:

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

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")');