如何将自由文本元素从数组附加到DOM

时间:2012-09-06 18:08:29

标签: javascript jquery html append

我正在尝试从两个不同的JavaScript数组向我的页面添加信息。看起来像这样。

var i = 0;
var videoArr=["big long array"];
var descriptArr=["big long array"];

function appendVideo(i) {
    var url = "http://i.ytimg.com/vi/" + videoArr[i] + "/mqdefault.jpg";
    $("#history").append("<img src=\"" + url + "\" width=\"120\" height=\"68\" />**NEED TO PRINT descriptArr[i] HERE**<br />");
}

function loadHistory() {
    while (i < '.$length.') {
        appendVideo(i);
        i = i + 1;
    }
}

因此上面的代码附加了videoArr中的所有元素没问题。问题是descriptArr充满了我需要在每个videoArr元素旁边打印的自由文本描述。他最好的办法是什么?我认为它不是document.write(descriptArr [i])...

3 个答案:

答案 0 :(得分:1)

不是最好的方法,只是尝试这样的事情

$("#history").append("<img src=\"" + url + "\" width=\"120\" height=\"68\" />" + descriptArr[i] + "<br />");

答案 1 :(得分:1)

尝试这一点,只要您确定descriptArr不包含任何HTML文字。

$("#history").append("<img src=\"" + url + "\" width=\"120\" height=\"68\" />" + descriptArr[i] + "<br />");

答案 2 :(得分:0)

我用它来实现同样的目的:

aDate = (document.getElementById("datepicker").value);
$('.daysContain').find('div').eq(dateArray.length-1).prepend(aDate + '<br>');