Question

我有一个数组：[“ 5”，“ 4”，“ 2”]。

如何将它们放入DIV元素中，以便第一个DIV中有5个，第二个DIV中有三个，依此类推。

Answer 1

var myArray = ["5","4","2"];

for (var i = 0; i < myArray.length; i++) {
    $(".myContainer").append("<div>" + myArray[i] + "</div>");
}

使用for循环遍历数组的内容，并使用首选方法将其添加到目标中。在这种情况下，目标是.myContainer

类

Answer 2

尝试：

    array.forEach(function(element) {
      var div = document.createElement('div')
      div.innerHTML = String(element)      

      document.body.appendChild(div)
    })

Answer 3

用于数组的每个循环，如下所示。

var array = ["5", "4", "2"];
var html = '';
$.each(array, function(index, value) {
  html += '<div class="txt">' + value + '</div>';
});
$('#masterDiv').html(html);

.txt {
  background-color: lightblue;
  border-style: solid;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='masterDiv'></div>

如何获取数组成员并将其一一放置在HTML div中？

3 个答案: