Druckarray mit js und fügen Sie HTML mit jQuery

Question

i mit js ein Array drucken möchten, und nur einige Daten mit HTML zu jedem Element hinzufügen()

der Code i verwenden ist:

<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> 

aber Es funktioniert nicht.

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); 
}); 

Update: Added Demo Link: http://jsfiddle.net/aGX4r/43/

Answer 2

Es ist ein wenig schwierig zu sagen, was Sie tun möchten, aber wenn Sie an ein Element in Ihrem DOM anfügen möchten, verwenden Sie jQuery.append();

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

Answer 3

Syntax Problem Mate!

Lassen Sie mich das für Sie bekommen!

// 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

Zuerst. document.write ist es keine gute Übung.

Dann haben Sie einen kleinen Fehler Code: Funktion (wie in document.write) hat keine html Methode. Das ist eine jQuery-Methode.

Also, um das Array im Körper zu drucken, können Sie tun:

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