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を使用するか、use .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 に答える