假设我有一个这样的列表:
<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
的孩子。
答案 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?
)};