2012-09-06 73 views
0

我試圖從兩個不同的JavaScript數組向我的頁面追加信息。它看起來像這樣。如何將自由文本元素從數組添加到DOM

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元素旁邊打印。他最好的辦法是做什麼?我相信這不是文件撰寫(descriptArr [1])...

+2

你試過串聯'descriptArr [I]'? –

+2

爲什麼你不能像使用'url'和'videoArr [i]'一樣來做呢? –

+0

@Kevin $(「#history」)。append(「 descriptArr [i]
」)只是在所有videoArr元素旁邊寫入'descriptor [i]' – AzzyDude

回答

1

試試這個,只要你確定descriptArr不包含任何HTML文字即可。

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

是的,就是這樣。你在kugaevsky之前幾乎沒有得到它,哈哈 – AzzyDude

0

伊夫用這個實現同樣的事情:

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

不是最好的方式,但只是嘗試這樣的事情

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

謝謝,upvote for you。 – AzzyDude