使用jQuery正确地在for循环中追加元素
使用jQuery正确地在for循环中追加元素
提问于 2014-05-21 13:18:20
假设cache["s"].length = 9和cache["n"]是DOM树中的一个元素，
cache[ "c" ] = $("<div/>");
for( n = cache["s"].length; n >= 0; n-- ){cache["n"].append(cache["c"]); }似乎不起作用，我也不知道为什么。它只追加一次div元素，而不是9次。
不过，如果我说
cache[ "c" ] = "<div/>";
for( n = cache["s"].length; n >= 0; n-- ){cache["n"].append(cache["c"]); }它可以工作，我得到9个元素，但它们没有正确地插入到DOM树中。
有什么问题，我怎么能在不失去速度的情况下解决呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-05-21 13:22:27
cache["c"]是一个单一的元素，这意味着当您一次又一次地追加它时，它不会创建新的div，而是使用旧的元素并移动它。使用.clone()
cache["n"].append(cache["c"].clone());Stack Overflow用户
发布于 2014-05-21 13:22:43
cache[ "c" ] = $("<div/>");这里，cache[ "c" ]是div元素的一个实例，如果您尝试多次附加它，它就会替换它的实例。
但是如果使用cache[ "c" ] = "<div/>";，那么每次都会添加新的div元素。
如果您想使用cache[ "c" ] = $("<div/>");，那么每次都尝试追加它的克隆。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23784379
复制相关文章
相似问题
腾讯云开发者
