jquery - jQueryは、そのクラスのdivが複数ある場合に「n」クラスを表示します

Question

DIV私はクラスで10を持っています.sequence-container

6番目と8番目のdivを表示/非表示にすることはできますか?

私はあなたが使用できることを知っています

$('.sequence-container div:hidden').next();

しかし、シーケンス内で特定の div を表示する方法がわかりませんか?

何かアドバイス？

Answer 1

使用する:eq

$('div.sequence-container:eq(5), div.sequence-container:eq(7)').hide();

編集::eqゼロベースなので、6 番目の div は実際にはインデックス 5 です。ありがとう @j08961

Answer 2

どうですか

  $('.sequence-container')
     .filter(function(i){return (i==5 || i==7);})
     .css('visibility','hidden'); //or use .hide() if you want to make it display:none/block

可視性/非表示について話している場合は上記を使用し、表示小道具を設定する場合は.hide()/.show()代わりに使用します.css

また'.sequence-container div'、 .sequence-container の子孫である div を選択することに注意してください。

これを柔軟にすることもできます。

var filter = [6, 8]; //items to be filtered
$('.sequence-container').filter(function (i) {
    return $.inArray((i+1), filter) > -1;
}).hide();

デモ