jquery用于数组html插入的".innerHTML +=“版本

Question

我已经阅读了一些专门与innerHTML=和.html()相关的问题。但是，为了将innerHTML+=这样的变量添加到html()中，它已经交叉了任何东西。是否有一个jquery事件可以添加多个html字符串？还是我现在应该依赖innerHTML+=呢？

最能描述当前问题的编码：

var pushy = ['blah', 'blaH', 'blaah'];

for(i=0;i<pushy.length;i++){
document.getElementById("demo").innerHTML += 
"<div>Im one heck of a div and more!</div>" + pushy[i];}

vs

$("#demo").html("<div>Im one heck of a div and more!</div>" + pushy[i]);
//where it will return the last array value and not the first value

虽然第一个是“转到”和“故障安全”。但是想要看到确切的等价值，而不是仅仅弹出数组的最后一个值。例如，这是我的innerHTML+=诉.html()。问题不是关于innerHTML =，而是它的+=。

Answer 1

你可能在找.append()

$('element').append('SOME HTML');

示例(更新) https://jsfiddle.net/4pqegj5f/9/

Answer 2

你是在找

$("#demo").append("<div>Im one heck of a div and more!</div>" + pushy[i]);

Answer 3

使用.append应该可以获得所需的结果。见下文：

​

var pushy = ['blah', 'blaH', 'blaah'];

for(i=0;i<pushy.length;i++){
$("#demo").append("<div>Im one heck of a div and more!</div>" + pushy[i]);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="demo"></div>

​