4

我试图在我的 jQuery 代码中结合 td:not(:first-child) 和 td:empty 选择器。我在下面附上了一段代码摘录。此代码使用 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() 与其他问题相关的想法，但我不知道如何将其应用于这种情况。

我将不胜感激任何帮助！

4

1 回答 1

6

td:empty选择空的单元格，这与您问题中的描述相反，您希望它仅应用于非空单元格。

根据您的描述，您的最后一个选择器应该可以工作：

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

如果不是，则有其他问题。

于 2012-09-07T17:58:45.327 回答