javascript - クラスセレクターが2つの要素を返す場合のhide（）メソッドとshow（）メソッド

Question

2つの要素を返すクラスセレクターがあります。私はaconsole.log()を実行しました。これは、0が最初の要素で、1が2番目の要素である配列です。

show()/hide()条件に応じてこれらの要素が必要です。

やってみた、

mySelector[0].hide()
mySelector[0].show()

mySelector[1].hide()
mySelector[1].show()

私も試しました、

mySelector.first().hide()
mySelector.first().show()


mySelector.last().hide()
mySelector.last().show()

どちらのアプローチも機能しませんでした。また、css()ディスプレイでは適用できないことも理解しました。なし。これを達成するための私のアプローチは何ですか？

score 2 · Accepted Answer

2つの要素に一致する次の場合：

var mySelector = $(".pre.fileContent")

両方を表示（または非表示）する場合：

mySelector.show();

それらの1つを表示（または非表示）する場合：

mySelector.eq(n).show();

ここでn、ゼロから始まります。

score 1 · Accepted Answer

$("mySelector:eq(0)").hide();

$("mySelector:eq(1)").show();

あなたはこれを使うことができます

score 0 · Accepted Answer

クラス名でjQueryメソッドを使用できます。

たとえば。

HTML

<div class="mySelector"></div>
<div class="mySelector"></div>
<div class="submit">CLICK</div>

CSS

.mySelector{border:2px dashed green; height:100px; width:100px;}

jQuery

$(".submit").click(function(){
    $(".mySelector").toggle(); 
});

ここにライブフィドル

3 に答える 3