我如何组装一个使用jQuery append()?

前端之家收集整理的这篇文章主要介绍了我如何组装一个使用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&gt ;,而不是其容器。并附加一个关闭标签是荒谬的。 你基本上工作,如果你附加的是原始的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

猜你在找的jQuery相关文章