javascript - 我们如何用一组单词填充一组 <span> </span> ？

Question

如何填充一组<span> </span>带有一个带有循环的单词数组？

如果数组包含[ "one", "two", "three" ]并被称为“wordarray”

然后我想填充跨度，使其看起来像

<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>);
 }
 );

但我没有得到我想要的结果。

Answer 1

wordarray.forEach(function(entry) {
    $("#mywords").append('<span>' + entry + '</span>');
});

如果您因任何原因无法删除跨度:

$('#mywords').find('span').each(function(i, el) {
    $(el).html(wordarray[i]);
});

• ID selector
• append