javascript - 当类选择器返回 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 一起应用。我应该采取什么方法来实现这一目标？

score 2 · Accepted Answer

鉴于以下匹配两个元素：

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

如果你想同时显示（或隐藏）：

mySelector.show();

如果您想显示（或隐藏）其中之一：

mySelector.eq(n).show();

从零开始n。

score 1 · Accepted Answer

1

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

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

你可以用这个

于 2013-03-10T15:03:14.470 回答

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