jQuery - How to add a class to a td tag

How would i go abo开发者_如何学编程ut adding a class to a td tag given the following table:

<table>
    <tr>
        <td id="1"></td>
        <td id="2"></td>
        <td id="3"></td>
    </tr>
</table>

I would like to add the class to the td with the id of 2. The class name in my case is td_highlight.

Have tried a few different scripts with no luck.

Thanks in advance, Billy

---

you can use $('#2').addClass('td_highlight'); However, using a numerical value for an id may not play nice with some browsers. According to W3c:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

You might try looking at: http://www.w3.org/TR/html4/types.html

---

$('#2').addClass('td_highlight');

I am not including td in the selector because all your ids (by definition) should be unique in the page.

see the relevant bit of documentation for further reference.

---

You can use the addClass() function:

$('#2').addClass('td_highlight');

---

jQuery('td#2').addClass('class');