首页
学习
活动
专区
工具
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:填充值。 ​

    62330
    领券