Sélection intérieur de DIVs

Question

Disons que j'ai une liste comme ceci:

<ul class="list"> 
<li><span class="pos"><div class="txt_pos">1</div></li> 
<li><span class="pos"><div class="txt_pos">2</div></li> 
<li><span class="pos"><div class="txt_pos">3</div></li> 
<li><span class="pos"><div class="txt_pos">4</div></li> 
<li><span class="pos"><div class="txt_pos">5</div></li> 
</ul> 

et mes JS:

$(".list span.pos").each(function(i) { 
    var newOne = i; 
    newRank = getNth(newOne); 

    $("> .txt_pos").slideToggle('slow'); 
    $(this).text(newRank); 

    $("> .txt_pos").slideToggle('slow');       
}); 

Comment puis-je faire sélectionner chaque li parce qu'en ce moment, il est fait chaque liste article à l'ONCE. J'essaie de sélectionner l'enfant du .pos.

Answer 1

$(".list span.pos").each(function(i) { 
     var newOne = i; 
     newRank = getNth(newOne); 

     $(this).children('.txt_pos').slideToggle('slow'); 
     $(this).text(newRank); 

     $(this).children('.txt_pos').slideToggle('slow'); //not sure why you're doing this again? 
)}; 

Answer 2

Utilisez .children() pour sélectionner un enfant.

$(this).children('.txt_pos') 

Ou si vous voulez sélectionner le li(vous semblent dire les deux), utilisez .parent().

$(this).parent()