從特定的jquery數組填充特定的div

如何將特定的jQuery數組輸出到特定的div中。例如，我想將（短語[0]）數組轉換爲Div id =「div01」，將（phrase [1]）數組拖入Div id =「div02」。我已經閱讀了JQuery的所有功能，但無法找到它。從特定的jquery數組填充特定的div

var phrases = [ 
['nihao', 'orange', '你 好', 'hello'], 
['zaijian', 'red', '你 好', 'goodbye'] 
]; 

makePhrase = function(phrase){ 
var div = $('<div class="word"><span class="pinyin">' +phrase[0]+ '</span><br/><span class="chinese">'  +phrase[2]+ '</span><br/><span class="english">' +phrase[3]+ '</span> </div>');

然後，我需要一個網上說的（實際上）：

.append makePhrase（短語[0]）股利ID = 「div01」

但做不知道正確的方法。這只是我學習JQuery的第二天，所以我希望能夠通過進一步的調查瞭解更多的知識。我討厭成爲小白，但任何幫助將不勝感激。

來源

2012-02-20 user1218478

'.append'似乎是正確的方法。你爲什麼不看看一些例子？ http://api.jquery.com/append/ – 2012-02-20 13:05:59

$（「＃div01」）。append（makePhrase（prases [0]）） – mshsayem 2012-02-20 13:13:14

我明顯錯過了一個基本的JQuery的東西，因爲我無法得到@mshsayem的代碼工作，雖然這是唯一一個似乎參考div01作爲目標，這是我所追求的。這是它的jsfiddle - 我錯過了什麼？ http://jsfiddle.net/SKssF/6/ – user1218478 2012-02-20 18:00:17

你非常接近;試試這個：

var phrases = [ 
    ['nihao', 'orange', '你 好', 'hello'], 
    ['zaijian', 'red', '你 好', 'goodbye'] 
    ]; 

makePhrase = function(phrase) { 
    var div = '<div class="word"><span class="chinese">Chinese: ' + phrase[0] + '</span><br/><span class="pinyin">Pinyin:' + phrase[2] + '</span><br/><span class="english">English: ' + phrase[3] + '</span> </div>'; 
    return div; 
} 

$("#div01").append(makePhrase(phrases[0])); 
$("#div02").append(makePhrase(phrases[1]));

和證明它在工作的jsfiddle過：http://jsfiddle.net/SKssF/14

來源

2012-02-20 13:21:13 Hank

請看上面的評論，因爲我仍然需要這個把結果放在＃div01，＃div2或者＃div3等裏面 - 看看我的jsfiddle：http：//www.jsfiddle .net/SKssF/6 @Hank – user1218478 2012-02-20 19:25:17

不錯，你很親密。你只需要從函數中'返回''div'var。看到這裏：http://jsfiddle.net/SKssF/14/ – Hank 2012-02-21 01:26:44

Yeeeah，就是這樣！非常感謝所有回答的人，我現在有信心更深入地探索JQuery，現在我可以看到這個工作。你的慈善精彩絕倫Hank and Felix and @mshsayem – user1218478 2012-02-21 07:10:08

從特定的jquery數組填充特定的div

回答

相關問題