Выбор внутри DIVs

Question

Скажем, у меня есть список, как это:

<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> 

и мои JS:

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

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

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

Как мне сделать это выбрать каждый li, потому что прямо сейчас, это делает каждый список элемент в ONCE. Я пытаюсь выбрать ребенка из .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

Используйте .children(), чтобы выбрать ребенка.

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

Или, если вы хотите, чтобы выбрать li(вы, кажется, говорят оба) используйте .parent().

$(this).parent()