プリントアレイと、私は（JSの配列を印刷して、ちょうどすべての要素をHTMLでいくつかのデータを追加したいのjQuery

Question

でHTMLを追加）

私が使用するコードは次のとおりです。

<script type="text/javascript"> 

$(document).ready(function() { 
var testArray = ["test1","test2","test3","test4"]; 

for(var i=0;i<testArray.length;i++){ 
document.write(" " +testArray[i]+"<br />").html("is the best"); 
} 
}); 

</script> 

が、それは動作しません。

Answer 1

HTML：

<div id="myDIV"></div> 

JS：

$(document).ready(function() { 
    var testArray = ["test1","test2","test3","test4"]; 
    var vPool=""; 
    jQuery.each(testArray, function(i, val) { 
     vPool += val + "<br /> is the best <br />"; 
    }); 

    //We add vPool HTML content to #myDIV 
    $('#myDIV').html(vPool); 
}); 

更新： 追加デモリンク：http://jsfiddle.net/aGX4r/43/

Answer 2

あなたのやりたいことを言うのは少し難しいですが、DOMの要素に追加する場合は、jQuery.append（）を使用してください。

for(var i=0;i<testArray.length;i++) { 
    jQuery('#mydiv').append(testArray[i]); 
} 

Answer 3

構文problem mate！

私はあなたのためにそれを手に入れましょう！

// first create your array 
var testArray = ["test1", "test2", "test3", "test4"]; 

// faster ready function 
$(function(){ 

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

    current = testArray[i] + '<br />' + 'is the best'; // this is a string with html in it. 

    $(current).appendTo("body"); // add the html string to the body element. 

} 

}); 

Answer 4

最初。 document.writeそれは良い習慣ではありません。

コードに少し誤りがあります。機能（document.writeのように）にhtmlメソッドがありません。それはjQueryメソッドです

ので、体の配列を印刷するために、あなたが行うことができます：

$('p').html(["test1","test2","test3","test4"].join('<br />')).appendTo(document.body);