html - 如何隐藏三个相同元素的第一个和最后一个元素

Question

我有三个类名相同的div，我想隐藏第一个和最后一个div。

我的代码:

<div class="clsname">div1</div>
<div class="clsname">div2</div>
<div class="clsname">div3</div>

现在我想隐藏 div1 和 div3。事实上，我希望在浏览器中显示此输出:

div2

我该怎么做？

为了澄清，我想要这样的东西:(这只会隐藏 div3 )

div.clsname + div.clsname + div.clsname {display:none;}

Answer 1

您可以通过以下方式实现此目的

var elements = jQuery(".clsname");
for (var i = 0 ; < elements.length; i++) {
     if( i == 0 || i = elements.length -1) {
           jQuery(element[i]).style("display" : "none");
     }

}

这将隐藏具有特定类的第一个和最后一个元素。