jquery - jqueryはページ全体で2つのdivを非表示にします

Question

2 番目の 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();

要素を 1 つだけ非表示にしますが、

Answer 1

：nthchildセレクターなしでそれを実行したい場合：

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

と：nthchild：

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

Answer 2

jQueryのn番目の子セレクターを使用すると、これを簡単に実行できます。

$(".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.

また

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