How to append free text elements from array to DOM

Question

I'm trying to append information to my page from two different JavaScript arrays. It looks like this.

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

So the above code is appending all the elements from the videoArr no problem. The problem is the descriptArr is full of free text descriptions that I need to print beside each videoArr element. What's he best way to do this? I presume it's not document.write(descriptArr[i])...

Answer 1

不是最好的方式，但只是尝试这样的事情

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

Answer 2

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

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

Answer 3

Ive used this for achieving the same thing:

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