jQuery结合td:not(:first-child)和td:empty

时间:2012-09-07 17:57:04

标签: jquery jquery-selectors

我正在尝试在我的jQuery代码中组合td:not(:first-child)和td:empty selectors。我在下面附上了一段代码摘录。此代码使用hoverIntent插件在1秒的时间延迟后执行功能代码。

$(".jqgrow td:not(:first-child)")
    .mouseenter(function(){
    $.doTimeout('cellhover', 1000, function(e){
        my_tooltip
        .css({opacity:0.85, display:"none"})
        .stop() // Added stop() to fix bug, flickering of tooltip
        .fadeIn(10);                                
    });
});

简单来说,如果鼠标不在我表中的第一列(这个表包含其内容与我的工具提示无关的单元格),并且鼠标所在的单元格不为空,我需要触发该函数。我不确定是否使用td:empty或使用.html()。

我尝试了以下没有效果的内容:

$(".jqgrow td:not(:first-child) td:empty")
$(".jqgrow td:empty td:not(:first-child)")
$(".jqgrow td:not(:first-child, :empty)")

我看到使用.is(:empty)和filter()与其他问题相关的想法,但我不知道如何将其应用于这种情况。

我会感激任何帮助!

1 个答案:

答案 0 :(得分:6)

td:empty选择 为空的单元格,这与您的问题中的说明相反,后者声明您希望它仅适用于不空。

根据您的描述,您的上一个选择器应该可以正常工作:

// Select td elements in .jqgrow that are neither :first-child nor :empty
$(".jqgrow td:not(:first-child, :empty)")

如果没有,则出现其他问题。