tableau d'impression avec js et ajouter html avec jQuery

Question

je veux imprimer un tableau avec js et il suffit d'ajouter à chaque élément des données HTML()

le code i utilise est:

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

mais ça ne marche pas.

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

Mise à jour: Ajouté Démo lien: http://jsfiddle.net/aGX4r/43/

Answer 2

Il est un peu difficile de dire ce que vous voulez faire, mais si vous voulez ajouter à un élément dans votre DOM, utilisez jQuery.append();

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

Answer 3

Syntaxe problème mate!

Laissez-moi vous trouver ça!

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

Premier. document.write ce n'est pas une bonne pratique.

Ensuite, vous code avoir une petite erreur: Fonction (comme dans document.write) n'a pas la méthode html. C'est une méthode jQuery.

Ainsi, afin d'imprimer le tableau dans le corps, vous pouvez faire:

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