jquery - jqueryは石積みの最初の画像を除くすべてを非表示にします

Question

このセレクターを適用して、このような div の最初の画像以外のすべての画像を削除しようとしています。

$(".item_cont a img").not(":eq(0)").hide();

ここに示すように：

ただし、石積みのグリッドに適用すると、画像が 1 つしかないアイテムも含め、すべてのアイテムが削除されます。

助言がありますか？

score 3 · Accepted Answer

この場合、一致した要素リスト全体の最初の項目を除くすべてを選択する必要があります。 .slice(startIndex)次のように、このセットの削減に最適です。

$(".item_cont a img").slice(1).hide();

ここに更新された jsfiddle がありますが、私は個人的にすべての画像で 403 を取得しています...そのため、明確に機能していることはわかりません。

私が誤解していて、最初のper 以外をすべて削除したい場合は、 (index よりも大きい).item_contのようなセレクター側の何かが必要になります。:gt()

$(".item_cont a img:gt(0)").hide();

score 1 · Accepted Answer

このようなもの？

var imgToKeep = $(".item_cont a img")[0];
$("img").each(function () {
    if (this !== imgToKeep) {
        $(this).hide();
    }
});

score 1 · Accepted Answer

テスト環境では確実に機能しますが、これらのいずれも機能させることができませんでした。その石積みが問題を引き起こしているのだろうか。

回避策は、バックエンドで正規表現を使用して、非表示の div に第 2 レベルの画像を出力することでした。

3 に答える 3