Jquery , adding class to element

Question

I'm trying to create a calender application using jquery. I'm using a table that has a col for each date.

<td>17</td>

I want to add a class to the date that is today. Not very good with jquery though. How can I fix this?

<script type="text/javascript">
  $(document).ready(function(){
      $('td').load( function(){
          var today = new Date();
          if($(this).innerText()==  today.getDay(){
              this.addClass("today")
          }
      })
  });
</script>

Are these just random guesses?

user1106925
– user1106925

2012-02-18 02:55:23 +00:00
Commented Feb 18, 2012 at 2:55 — user1106925
– user1106925, Commented Feb 18, 2012 at 2:55

thecodeparadox · Accepted Answer · 2012-06-22 06:51:47Z

3

I don't think you need the .load(). $(document).ready() should do what you need. You'll need to parse the date, too. Try this:

$(document).ready(function(){
    $("td").each(function(){
        if($(this).text().trim() == new Date().getDate()){
            $(this).addClass("today");
        }
    });
});

Edited after I saw the data that is actually in the <td>s in the OP's post.

edited Jun 22, 2012 at 6:51

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

answered Feb 18, 2012 at 3:04

IanW

7635 silver badges15 bronze badges

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

2 Comments

IanW Over a year ago

@jfriend00 I had this wrong initially, should be good now. I was assuming you had a whole date in the <td> instead of just the day of the month.

Antarr Byrd Over a year ago

it only has the day of the month i.e. 18, for today.

jfriend00 · Accepted Answer · 2012-02-18 02:55:54Z

1

To add a class, you have to use a jQuery object like this as addClass() is a jQuery method, not a DOM method:

$(this).addClass("today");

Also, it seems likely that this line of code isn't doing what you want it to:

if($(this).innerText()==  today.getDay()

First, it's missing a closing paren at the end of the line. Second, getDay() returns an integer 0 through 6 for the day of the week. Is that really what you're trying to compare to the innerText()?

answered Feb 18, 2012 at 2:55

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

Jquery , adding class to element

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related