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

hide() and show() method when a class selector returns 2 elements

本文关键字：hide 方法 show 使用 选择器 返回 2个 元素      更新时间：2023-09-26

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

给定匹配两个元素的以下内容：

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

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

mySelector.show();

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

mySelector.eq(n).show();

其中CCD_ 4从零开始。

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

您可以使用这个

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

现场小提琴这里

相关文章：