Question

我想在另一个div中隐藏所有第二个div

     <div class="inner">
       <div class="content"></div>
       **<div class="content"></div>**   // this show get hidden
    </div>

     <div class="inner">
       <div class="content"></div>
       **<div class="content"></div**>   // this should get hidden
    </div>

我试过这个：

           $($('.inner').children()[12]).hide();

但它只隐藏了一个元素，

Answer 1

如果你想在没有：第n个子选择器的情况下这样做：

$('.inner').each(function()
{
   $(this).find('.content').eq(1).hide(); 
});

with：nth child：

$(".inner div:nth-child(2)").hide();

Answer 2

您可以使用nth-child selector from jQuery轻松完成此操作。

$(".inner div:nth-child(2)").hide();

Answer 3

尝试

$('.inner div:nth-child(2)').hide()

http://jsfiddle.net/TmWzd/

Answer 4

$(".content").next().hide(); will do the Job.

OR

$(".inner").find(".content").eq(1).hide();

jquery在整个页面中隐藏2个div

4 个答案: