Problem with Jquery hover

Hi,

I'm trying to add a class to a <td> tag (which already has a class "description" on it) within a <tr> using JQuery when the user hovers over the <tr> tag. But my code doesn't seem to work. Please can you help? Here is my code:

$(document).ready(function(){
$(
function()
{
$("table.mytable tr").hover(
function()
{
$(this).("td.description").addClass("highlight");
},
function()
{
$(this).("td.description").removeClass("highlight");
}
)
}
)
});

This should work:

$(document).ready(function(){

$("table.mytable tr").hover(
function()
{
$(this).("td.description").addClass("highlight");
},
function()
{
$(this).("td.description").removeClass("highlight");
}
)
});

You added an unnecessary "$({ })" while you already had "$(document).ready(function(){})" and both do exactly the same thing.

thanks but this didn't work :( Its still not adding the class "highlight" to the "description" <td> tag, any ideas?

e.g.
$(document).ready(function(){

$('table.mytable tr').hover(
function() {
$(this).find('td.description').addClass('highlight');
},
function() {
$(this).find('td.highlight').removeClass('highlight');
}
)
});

Oups, forgot to add the "find" function names..

Dont you need to add a space? Else you are giving the cell a class of "descriptionhighlight" instead of "description highlight".

Dont you need to add a space? Else you are giving the cell a class of "descriptionhighlight" instead of "description highlight".

Nope. jQuery does that automatically, so if you're adding more than one class, they're spaced out, without you needing to remember to put a space every time you use the addClass/removeClass function.

my is working now thank you!!!!