JQuery 求助~！

Question

<div class="abc">
   <div style="color:blue">111</div>
   <div style="color:red">222</div>
   <div style="color:yellow">333</div>
</div>如何使用JQuery 把样式名为abc地下的第二个、第三个div给隐藏掉...

Answer 1

$(".abc>div").eq(1).hide();
$(".abc>div").eq(2).hide();

Answer 2

得到class为.abc的标签里的所有div得到第二个和第三个eq()索引从0开始

Answer 3

+1也可
$(".abc div").eq(1).hide();
$(".abc div").eq(2).hide();

Answer 4

顶楼上，不过我做的都是用Id来隐藏。
$('#id').hide();

Answer 5

<!--如果你div class="abc"多个的话，想把全部的第二个第三个都隐藏的话用这个-->
<div class="abc">
   <div style="color:blue">111</div>
   <div style="color:red">222</div>
   <div style="color:yellow">333</div>
</div>
<div class="abc">
   <div style="color:blue">111</div>
   <div style="color:red">222</div>
   <div style="color:yellow">333</div>
</div>
 $(document).ready(function(){
            $(".abc div:nth-child(2)").hide();
            $(".abc div:nth-child(3)").hide();
        })