Question

好的，所以这是我的代码： HTML：

 <h2>Header</h2>
    <div id="results1" class="results">
        <h1>Results 1</h1>
    </div>

JS：

 (function() {
     var results = document.getElementById('results1');
     var drink = [ 'Rum', 'Vodka', 'Whiskey', 'Beer' ];
 })();

我需要将饮料添加到结果元素中作为div。

Answer 1

使用纯JavaScript：

(function() {

  var results = document.getElementById('results1');
  var fruits = [ 'Rum', 'Vodka', 'Whiskey', 'Beer' ];

  for(var i = 0; i < fruits.length; i++){

    var fruit = document.createElement('div').innerHTML = fruits[i];

    results.appendChild(fruit);

  }
})();

Answer 2

<强> Demo 试试这个

var parent = $("#results1");
var fruit = ['Rum', 'Vodka', 'Whiskey', 'Beer'];

$.each(fruit, function (i, val) {

    parent.append("<div id=" + val + " >" + val + "</div>");

});

Answer 3

您可以使用：

<强> JS

(function() {
    var results = document.getElementById('results1');
    var fruit = [ 'Rum', 'Vodka', 'Whiskey', 'Beer' ];


    for(var i=0; i<fruit.length; i++){
        var div = $("<div>" + fruit[i] + "</div>");
        $(div).appendTo("#results1");
    }

})();

fiddle

Answer 4

只需一个简单的for循环来迭代array，然后将每个项目附加到结果div。

 for (var i = 0 ; i < fruit.length; i++) {
     results.innerHTML += "<div>" + fruit[i] + "</div>";
 };

<强> JSFiddle Demo

Answer 5

(function() {
    var results = document.getElementById('results1');
    var fruit = [ 'Rum', 'Vodka', 'Whiskey', 'Beer' ];
    for(var i=0; i<fruit.length;i++){
        $("#results1").append('<div>'+fruit[i]+'</div>');
    }
})();

Answer 6

fruit.forEach(function(value,index){
    var div = document.createElement('div');
    div.innerHTML = value;
    $("#results1").append(div);
});

Answer 7

你可以尝试这个：

(function() {
    var results = document.getElementById('results1');
    var drink = [ 'Rum', 'Vodka', 'Whiskey', 'Beer' ];
    results.innerHTML += '<div>' + drink.join('</div><div>') + '</div>';
})();

Answer 8

这是你可以用于javascript的for循环并将其合并到您的HTML中。

 var drink = ["Rum", "Vodka", "Whiskey", "Beer"];
 for (index = 0; index < drink.length; ++index) {
     text += drink[index];
 }

将元素添加为div

8 个答案: