Javascript 选择div的内部

Javascript 选择div的内部,javascript,jquery,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

假设我有这样一个列表:

<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>
我如何让它选择每个
li
,因为现在它一次完成每个列表项。我正在尝试选择
.pos
的子项。请使用
.children()
选择子项

$(this).children('.txt_pos')
或者,如果您想选择
li
(您似乎在说两者),请使用
.parent()

使用
.children()
选择一个子项

$(this).children('.txt_pos')
或者,如果您想选择
li
(您似乎在说两者),请使用
.parent()


您是否尝试过使用
$(“.txt\u pos”,this)
而不是
$(“>.txt\u pos”)
?一些提示-
span
没有结束标记。不要将
block
元素(如
div
)放入
inline
元素(如
span
@Engineer)。不是我是答案更快。您没有关闭任何
span
标记。子选择器的文档建议您不要使用这种形式的选择器
“>.txt\u pos”
,而
>
没有左操作数。您是否尝试过
$(“.txt\u pos”,this)
而不是
$(“>.txt\u pos”)
?少数提示-
span
没有结束标记。不要将
block
元素(如
div
)放入
inline
元素(如
span
@Engineer)。不是我是答案更快。您没有关闭任何
span
标记。子选择器的文档建议您不要使用这种形式的选择器
“>.txt\u pos”
,因为
没有左操作数。您可能希望缓存
$(此)。子对象('.txt\u pos')
您可能希望缓存
$(此)。子对象('.txt_pos')
@gdoron:True。那里有一些坏的HTML,包括
div
大概在
span
@gdoron:True里面。那里有一些坏的HTML,包括
div
大概在
span
里面。
$(this).parent()
$(".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?
)};