jquery - 隐藏与 jquery 具有相同类的 3 个 div 中的 2 个

Question

我有这个 html 结构：

         <p><input id="hide" type="radio" ....
         <p><input id="open" type="radio" ....
<div class="item-address">...</dv>   
<div class="item-address">...</dv>
<div class="item-address">...</dv>
          .....

我想隐藏所有 div 但不是第一个！

你能帮我吗 ？

Answer 1

$('.item-address:not(:first)').hide();

小提琴：http: //jsfiddle.net/tVxrM/

Answer 2

$(".item-address:not(`:first`)").hide();

Answer 3

尝试

$(".item-address:not(:first)").hide();

Answer 4

我们可以通过在除第一个之外的 div 中简单地添加一个额外的 css 类来实现这一点。

<div>
        <div class="item-address">
            First Div</div>
        <div class="item-address hideItem">
            Second Div </div>
        <div class="item-address hideItem">
            Third Div</div>
    </div>

这里hideItem是一个 css 类，不需要为这个类定义任何属性。

使用这个 jQuery 语法来激活目标。

 $(".hideItem").hide();