如何用一个包含循环的单词数组填充一组<span> </span>
?
如果数组包含[ "one", "two", "three" ]
并且被称为&#34; wordarray&#34;
然后我想填补空间,看起来像
<div id="mywords">
<span> one </span>
<span> two </span>
<span> three </span>
</div>
我也在使用jQuery,
我试过了,
var index = 0;
wordarray.forEach(
function(entry)
{
$("mywords").html(<span>entry</span>);
}
);
但我没有得到我想要的结果。
答案 0 :(得分:3)
wordarray.forEach(function(entry) {
$("#mywords").append('<span>' + entry + '</span>');
});
如果因任何原因无法删除跨度:
$('#mywords').find('span').each(function(i, el) {
$(el).html(wordarray[i]);
});
答案 1 :(得分:1)
您可以尝试这样的事情(Live Demo):
var arr = [ "one", "two", "three" ];
$('#mywords').html('<span>' + arr.join('</span><span>') + '</span>');
这是faster而不是forEach
循环。
更新:对于已有的空跨度(Example):
var arr = [ "one", "two", "three" ];
$('#mywords > span').each(function(i, el){
$(el).html(arr[i]);
});
答案 2 :(得分:1)