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

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？新选择器会选择TD元素下的任何class="tablemain"。
• 我退出项目时删除了所选的class（如果你不想要那么删除第二个功能）
• 您的代码包含在一个永远不会被称为的匿名函数中。我用快捷方式DOM ready处理程序替换了它（$(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');
    });
});