DIVs Looping über jQuery

Question

ich eine Reihe von div-Tags in der folgenden Struktur:

<div id="team"> 

     <div class="member"> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
     </div> 

     <div class="member"> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
     </div>  

     <div class="member"> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
     </div>  

     <div class="member"> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
     </div> 

    </div> 

Ich möchte über jeden div jQuery Schleife verwenden, und eine Klasse von floatLeft aus (wenn es ein noch div ist) und floatRight (wenn es ungerade ist). Ich versuchte es mit dem folgenden Code zu tun, aber es hat floatLeft und floatRight all divs ...

var $el,i,$selectedDivs,count; 

    $selectedDivs = $('#team > div'); 
    count = $selectedDivs.length; 

    $selectedDivs.each(function() { 
     $el = $(this); 

     for (i=0; i<=count; i++) { 
      if (i % 2 == 0) { 
       $el.addClass('floatLeft'); 
      } 
      else { 
       $el.addClass('floatRight'); 
      } 
     } 
    }); 

Ich vermute, es ist wegen der .each() Funktion ist ... Meine Frage ist. Da $ selectedDivs NICHT ein Array ist, wie kann ich jedes dieser divs mit einer for-Schleife anstelle der .each() - Funktion durchlaufen? Ich möchte es absichtlich verwenden, anstatt jQuerys .odd() und: ungerade Fähigkeiten ...

Vielen Dank! Amit

Answer 1

Sie sollten entweder eine for Schleife oder each, aber nicht beide verwenden. In einer for Schleife können Sie schreiben.

Answer 2

Meine Frage ist dies. Da $ selectedDivs NICHT ein Array ist, wie kann ich jedes dieser divs mit einer for-Schleife anstelle der .each() - Funktion durchlaufen?

Ah aber es ist. Versuchen Sie diesen Code:

int counter = $selectedDivs.length - 1; //zero based so sub one 
for (; counter > 0; counter--){ //note I went for the backwards loop here, your preference 
    var javascriptElement = $selectedDivs[counter]; 
    // I like to play with my javascriptElement in the morning 
    // I like to play with my javascriptElement in the afternoon 
    // I like to play with my javascriptElement in the evening 
} 

Und das tut genau, was Sie gefragt.

Answer 3

Ihre Funktion geschrieben werden soll wie folgt statt: „Pythonic“

var i = 0; 
$selectedDivs.each(function() { 
    $el = $(this); 

    if (i % 2 == 0) { 
     $el.addClass('floatLeft'); 
    } 
    else { 
     $el.addClass('floatRight'); 
    } 
    i++; 
}); 

Answer 4

Es ist ein Wort, ich suche, in der Python-Welt ist es Ein Wort, das "in Übereinstimmung mit den gängigen Idiomen" bedeutet, aber für jQuery. "jQueryish?"

jQuery("#team > div:even").addClass("floatLeft"); 
jQuery("#team > div:odd").addClass("floatRight");