Question

我想用js打印一个数组，然后用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

语法问题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 3

首先。 document.write这不是一个好习惯。

然后，您的代码有一点错误：函数（如在document.write中）没有html方法。这是一个jQuery方法。

因此，为了在体内打印数组，你可以这样做：

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

Answer 4

告诉你想要做什么有点困难，但是如果要附加到DOM中的元素，请使用jQuery.append（）;

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

使用js打印数组并使用jQuery添加html

4 个答案: