Question

var html=$("<span>Number</span>"); 

$.each([1,2,3,4,5],function(index,item){
    html.add($("<span>"+item+"</span>"));
});

从上面的示例代码中，＆＃34; html＆＃34; - 是span对象。我想将所有数组元素作为sibling追加到这个＆＃34; html＆＃34;对象

期望结果：

[1,2,3,4,5] - ＆gt;共有5个元素作为span对象绑定，其兄弟为＆＃34; html＆＃34;对象

实际结果：

如果我尝试使用添加或附加其绑定作为＆＃34; html＆＃34;的子元素对象

请指导我..先谢谢你！

Answer 1

尝试：

html = html.add($("<span>"+item+"</span>"));

documentation表示返回新集合，而不是更改现有集合。

Answer 2

你真的不需要一个jQuery对象来做这个，你可以构建一个HTML字符串然后随意使用它

请参阅下面的示例。

var html = "<span>Number</span>";

$.each([1, 2, 3, 4, 5], function(index, item) {
  html += "<span>" + item + "</span>";
});

$("#insert").append(html);

span {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="insert"></div>

Answer 3

我认为jQuery和HTML让你很困惑。我也可以在传递的查询中看到一点错误。

您需要做的就是定义一个列表，添加项目和用户$（＆＃34; listid＆＃34;）。append（item1，item2）;

要重复单词span 6次，请使对象像数组一样工作。

如何创建一个html对象并使用JQuery从一个数组中添加兄弟？

3 个答案: