选择DIV内部

时间:2012-06-14 12:07:52

标签: javascript jquery

假设我有一个这样的列表:

<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的孩子。

2 个答案:

答案 0 :(得分:3)

使用.children()选择一个孩子。

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

或者,如果您想选择li (您似乎同时说两者),请使用.parent()

$(this).parent()

答案 1 :(得分: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?
)};