选择一个特定的孩子我徘徊

Question

我试图选择我徘徊在一张桌子里面的元素，以改变它的属性。我与孩子的方法尝试，就像这样：

<table class="tablemain" position="absolute"> 
<tr height="100%"> 
<td class="about"></td> 
<td class="project"></td>   
<td class="blog"></td> 
<td class="contact"></td> 
</tr> 
</table> 

和脚本是：

function() { 
$('.tablemain').children(this).hover(function(){ 
$(this).addClass('selected'); 
}); 
}; 

Answer 1

的几个问题。

• hover具有两个功能是任何实际用途。一个在进入时调用，另一个在离开元素时调用。一个函数只在进入时被调用。
• 表中的子女是thead和tbody，即使不在原始HTML中。当浏览器添加完成 DOM时。我以为你想瞄准TD？新选择器选择class="tablemain"元素下的任何TD。
• 我把它删除所选class当你退出项目（删除第二个功能，如果你不希望出现这种情况）
• 你有包裹在一个匿名函数这是从来没有所谓你的代码。我更换了一个快捷DOM就绪处理程序（$(function(){YOUR CODE});是短期的$(document).ready(function(){YOUR CODE});）

的jsfiddle：http://jsfiddle.net/TrueBlueAussie/ynhujf6v/1/

$(function() { 
    $('.tablemain td').hover(function() { 
     $(this).addClass('selected'); 
    }, function() { 
     $(this).removeClass('selected'); 
    }); 
});