2017-06-29 74 views
-1
var html=$("<span>Number</span>"); 
    $.each([1,2,3,4,5],function(index,item){ 
    html.add($("<span>"+item+"</span>")); 
}); 

從上面的示例代碼中,我期待在html變量中追加對象。但是,無法做到這一點。如何添加jQuery對象的列表?

期望的結果:

[跨度,跨度,跨度,跨度,跨度,跨度] - >共6個跨度對象

實際結果:

如果我嘗試,

1)add - > [span] 2)append - > [span]但其他5個對象綁定爲子女

請指導我..謝謝提前!

+0

我不知道我明白你想做什麼。你在尋找.after - > http://api.jquery.com/after/? –

+0

嘗試創建一個div來保存所有跨度。 – HackAfro

+0

我在這裏沒有看到任何HTML ..你是否只需要一個包含所有跨度的數組? –

回答

0

你並不真的需要一個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>

+0

我不能作爲字符串。因爲在追加之前我正在用單個對象做很多事情。 –

2

嘗試:

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

documentation說,它回報一個新的集合,不改變現有的一個。

0

我認爲jQuery和HTML讓你感到困惑。我也可以在查詢中看到一個小錯誤。所有你需要做的就是定義一個列表,添加項目和用戶$(「listid」)。append(item1,item2);

重複6次跨度這個詞,讓你的對象像一個數組一樣工作。