前端之家收集整理的这篇文章主要介绍了
我如何组装一个使用jQuery append()?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用append
函数并遇到这样:
$("#details").append('<ul>');
for (var i = 0; i < 10; i++) {
$("#details").append('<li>something</li>');
}
$("#details").append('</ul>');
看起来< li>元素呈现OUTSIDE< ul>标签。
这是一个jQuery错误?
不,这是一个程序员bug。 < li>附加到它们的< ul>或< ol> ;,而不是其容器。并附加一个
关闭标签是荒谬的。 你基本上工作,如果你附加的是原始的HTML,而不是;你实际上正在使用DOM。 尝试这个:
var list = $("#details").append('<ul></ul>').find('ul');
for (var i = 0; i < 10; i++)
list.append('<li>something</li>');
注意:请参阅(和upvote)Blixt的答案,它扩展了几个不同的选项,优于各种目的。它值得关注,并没有得到它。
原文链接:https://www.f2er.com/jquery/183688.html