儿童选择器不使用追加

Question

为什么不在我的酒吧附加'嗡嗡声'？

for(i = 0; i < links.length; i++) { 
    $('.foo > div').eq(i).children('bar').append('buzz');
}

我的文档结构：

<div class="foo">
    <div class="bar"></div>
    <div class="bar"></div>
</div>

Answer 1

您的selector应该是：

$('.foo .bar:eq('+i+')').append( HTML to append )

Answer 2

我不知道是否有类型错误，但检查你的html，你需要搜索孩子（'。bar'）：

var jqdivs = $('.foo');
for(i = 0; i < links.length; i++) { 

  jqdivs.eq(i).children('.bar').append('buzz');

}

而且，如果你的html示例不是过于简单化，你应该这样做：

$('.foo').children('.bar').append('buzz');

Answer 3

for (i = 0; i < links.length; i++)
    $('.foo > div').eq(i).append('buzz');

或者，如果您想确保只更新班级bar的div：

for (i = 0; i < links.length; i++)
    $('.foo > div.bar').eq(i).append('buzz');

或者，如果你没有提交for循环：

$('.foo > div').append('buzz');

Answer 4

我认为这段代码可以很好地满足您的需求：

$(document).ready(function(){
    var $foo = $(".foo");
    $foo.find(".bar").each(function(i){
        $(this).append('buzz');
    });
});