jquery - div とその兄弟 div を取得する

Question

以下のコードでは、「.divInner」クラスを使用してすべての div を取得し、それらを反復処理するにはどうすればよいですか?ただし、クラスを明示したくありません。質問を明確にするために、クラス ".divInner" で反復処理する必要がある div を作成しました。ありがとう！

<div class="divOuter">
    <div class="divInner">
         <div>
              Código
         </div>
         <div>
              Nome
         </div>
    </div>
    <div class="divInner">
         <div>
         </div>
         <div>
         </div>
    </div>
</div>

Answer 1

それらすべてについて：

$(".divOuter > div").find("div").each(function() {

});

各 .divInner、個々の .each について:

$(".divOuter > div").each(function() {
   $(this).find("div").each(function() {

   });
});

編集: 構文を修正しました。

Answer 2

外側の子を選択するだけですdiv:

// Get all direct children divs of the elements with class divOuter
var divs = $('.divOuter').children('div');

次のようなセレクターを使用できます。

// Get all direct children divs of the elements with class divOuter
var divs = $('.divOuter > div');

Answer 3

クラスビットがある場合、.divOuterこれを行うことができます：

$(".divOuter").children().each(function(){ });

そのクラスがない場合は、次のようにすることができます。

$("div:first").children().each(function(){ });

後者の例を次に示します(警告: 2 つのアラート ポップアップ)。