使用jQuery.each包装和追加数组元素

Question

我正在为此而摧毁自己.不是必须经历的ind js.但这应该是简单的吗？

我想在我的'arr'数组中包装每个元素并将其附加到div#testBox.我使用jQuery.each这样做,但我什么也没得到:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type='text/javascript'>
  var arr = ["one", "two", "three", "four", "five"]

  jQuery.each(arr, function() {
    $(this).append("#testBox").wrap("<div class='mongol'></div>");
  });
</script>

如果我在我的jQuery.each函数中警告(this),那么我会提醒每个元素.我不明白.

我想要实现的目标:

<div id="testBox>
    	<div class=" mongol ">one</div>
    	<div class="mongol ">two</div>
    	<div class="mongol ">three</div>
    	<div class="mongol ">four</div>
    	<div class="mongol ">five</div>
    </div>

谢谢你帮助乔纳斯

Answer 1

你是否将append()与appendTo()混淆了？您发布的代码会将testBox元素附加到您的每个数组项,这可能不是您想要的(并且无论如何都不会工作).尝试:

jQuery.each(arr, function(index, item) {
    jQuery("<div class='mongol'></div>").text(item).appendTo("#testBox");
});