javascript - 如何将数组中的自由文本元素 append 到 DOM

Question

我正在尝试将两个不同 JavaScript 数组中的信息 append 到我的页面。看起来像这样。

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

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

Answer 1

尝试这个，只要您确定 descriptArr 不包含任何 HTML 文字。

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