javascript - jQuery-2つの疑似セレクター？

Question

重複の可能性：
jQuery：notセレクターと：nth-childセレクターの組み合わせ

これは可能ですか？

これが私のコードです：

$("ul#filterlist li:nth-child(3n)").css("marginTop", "0");

それをリストに適用したいが、リストに表示されているアイテムにのみ適用したい場合（一部は非表示になり、カウントされたくない）、どのように達成されますか？私は次のようなことを考えていました：

$("ul#filterlist li:nth-child(3n)").not(":hidden").css("marginTop", "0");

しかし、それは機能しません。：visibleで試してみるものもありません

何か案は？ありがとう。

score 13 · Accepted Answer

あなたが探している方法はですfilter()。指定されたセレクターに基づいて、jQueryオブジェクトのリストをフィルターで絞り込みます。「not :hidden」セレクターが見つからなかったので、反対のセレクターを使用しました:visible。

$("ul#filterlist li:nth-child(3n)").filter(":visible").css("marginTop", "0");

お役に立てれば！

score 2 · Accepted Answer

非表示の要素を数えたくない場合は、次のコードを使用してみてください。

$("ul#filterlist li:visible").filter(function(index){ 
    return (index+1)%3 == 0?true:false;
}).css("marginTop", "0");

ここでjsfiddleの例を参照してください

score 1 · Accepted Answer

：selectorsをチェーンしてみてください

$("ul#filterlist li:nth-child(3n):not(:hidden)").css("marginTop", "0");

この答えに示されているように：

3 に答える 3