当类选择器返回2个元素时，hide（）和show（）方法

Question

我有一个返回2个元素的类选择器。我做了一个console.log()，它是一个数组，其中0是第一个，1是第二个元素。

我需要根据条件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()也无法应用display：none。我应该采取什么方法来实现这一目标？

Answer 1

鉴于以下内容匹配两个元素：

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

如果你想显示（或隐藏）两者：

mySelector.show();

如果你想显示（或隐藏）其中一个：

mySelector.eq(n).show();

n从零开始。

Answer 2

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

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

你可以用这个

Answer 3

你可以使用带有类名的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(); 
});

活小提琴here