views:

289

answers:

1

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

+5  A: 

Using Traversing/is:

$(".item-list h3").each(function() {
    if($(this).is(':contains("Monday Sept 21")')) {
        $(this).css('color','red');
    } else {
        //do something
    }
});
karim79
@Eileen - yes, exactly like that.
karim79
Perfecto! Thanks!
Eileen