首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么jQuery.append(new Array(3).fill($('<div>',{text:‘hello’}))只追加一项?

jQuery.append() 方法用于在选定元素的末尾插入指定内容。在给定的代码中,jQuery.append() 方法的参数是一个数组,数组中包含了一个填充了三个 <div> 元素的 jQuery 对象。

然而,由于在填充数组时使用了 new Array(3).fill() 方法,这会导致数组中的三个 <div> 元素实际上是同一个元素的引用。因此,当调用 jQuery.append() 方法时,只有一个 <div> 元素会被追加到选定元素的末尾。

要解决这个问题,可以使用 jQuery.each() 方法来遍历数组,并为每个元素创建一个新的 jQuery 对象,然后再将它们追加到选定元素中。修改后的代码如下:

代码语言:javascript
复制
var divArray = new Array(3).fill($('<div>', {text: 'hello'}));
$.each(divArray, function(index, element) {
  $('body').append($(element));
});

这样,就能够正确地将三个 <div> 元素追加到选定元素的末尾了。

关于 jQuery.append() 方法的更多信息,您可以参考腾讯云的相关文档:jQuery.append() 方法 - 腾讯云

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

数组常用方法含ES6新增

会改变原数组 push 往数组最后面追加元素,返回最新数组的长度 pop 删除数组最后一项, 返回最新数组的长度 unshift 往数组头部添加元素,返回数组最新长度 shift 删除数组头部元素,返回删除的数组元素的值...es6新增 const arr = [1,2,3] const fillArr = arr.fill(7) => [7,7,7] ​ arr => [7,7,7] 不改变原数组 得到的是新数组 concat...let arr = [1,2,[3]] arr.flatMap(item=>item*2) => [2,4,6] from将类数组转为数组 与 new Set联用可以去重。...es6新增 const arr = [1,2,3,3,4,3,3,2] const b = Array.from(new Set(arr)) 得到新的返回值 find 查找满足条件的项,遇到第一个就返回之后的不会进行遍历...返回undefined 新知识点 Array(n).fill(true) 创建长度为n,所有值为true的数组 fill(value, start, end) ​ value:填充值。 ​

59730

【ES6基础】Array数组的新方法(上)

,如下段代码所示: const set1 = new Set(); set1.add(1).add(2).add(3); console.log('%s', Array.from(set1)); //outputs...//1,2,3 字符串转换 其函数功能可以将一个字符串或unicode字符串转换成一个字符数组,如下段代码所示: console.log('%s', Array.from('hello world')...fill() fill()函数用来将数值填充到指定的数组中,我们可以定义被填充数组的开始位置和结束位置,其使用语法定义如下: Array.prototype.fill(value[, start[, end...4]; arr1.fill(5); arr2.fill(5, 1, 2); arr3.fill(5, 1, 3); arr4.fill(5, -3, 2); arr5.fill(5, 0, -2); console.log...上述输出结果返还了一项,其实满足条件的有两项,但是find函数的功能,只要找到一项内容就返回。

84310
领券