js循环appendChild与jq循环append方法遇到的问题

我想循环往div中添加dom

js代码

var doc = $(“<div>测试</div>");
$(".svg-container").each(function() {$(this).append(doc);
}

但是只有最后一个div添加了，我试着用for循环写了也是一样。是什么原因呢

append添加到元素的时候，已存在的元素是移动而不是复制，你用了遍历，所以第一次是新增，后面都是移动前面新增的，最后当然就出现了只有最后一项有东西。
解决办法：
1、不要遍历，你用的是jQuery的类选择器，可以直接 ( " . s v g − c o n

js循环appendChild与jq循环append方法遇到的问题相关推荐

jq 的 append 方法
jq 的append api 可以添加元素,它有一种方式是直接添加字符串:要注意的是,字符串一定是用双引号括起来的,不能使用单引号: Jq .append(""<li> ...
append方法实现字符串的拼接
package com.it.pinjieString; /*需求:定义一个方法,把int数组中的数据按照指定的格式拼接成一个字符串进行返回,调用该方法,并在控制台输出结果, //例如,数组为int[ ...
一些方法：JQ: append() 、appendTo() || JS：appendChild()：
JQ .append() 方法实例在每个 p 元素结尾插入内容: $("button").click(function(){$("p").append(&q ...
循环体内，字符串的连接方式，使用StringBuilder的append方法进行扩展
循环体内,字符串的连接方式,使用StringBuilder的append方法进行扩展
js循环绑定事件问题及解决方法
js初学者经常遇到的循环绑定事件问题 js循环绑定事件在编写JS代码的时候,我们经常会遇到要对一系列元素进行事件绑定的情况,然后就会理所当然的开一个for循环,对元素的事件进行赋值等操作,最后运行的 ...
For循环和append方法合用
开发工具与关键技术: Vs.For循环和append方法合用作者:木有窝的鸟~小通撰写时间:2019年7月15日针对append追加元素来说,一般运用于设置布局,而更多的是append的运用也比 ...
JS中的12种循环遍历的方法
1.for循环 JS常见的循环,常用于循环数组.字符串之类 let arr = [1, 2, 3]; for (let i = 0; i < arr.length; i++) {console. ...
js循环添加事件的两种方法
js循环添加事件的两种方法选择下拉列表中的一个li将文本传到框中问题:写此二级菜单时用到的方法不好,对此进行优化原始js代码: <script>// 思路:1.点击下拉框a时,ul中 ...
jq的each方法之退出循环与继续循环
jQuery中each类似于javascript的for循环不同点:for循环用break结束循环,用continue来结束本次循环,而在each中如下: break 用ret ...

js循环appendChild与jq循环append方法遇到的问题

js循环appendChild与jq循环append方法遇到的问题

js循环appendChild与jq循环append方法遇到的问题相关推荐

最新文章

热门文章