Заполните определенный Div из определенного массива Jquery

Question

Как вывести определенный массив JQuery в определенный Div.Например, я хочу вытащить массив (phrases [0]) в Div id = "div01", а массив (phrases [1]) в Div id = "div02".Я прочитал все функции JQuery, но не могу найти это.

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]) для Div id = "div01"

но не знаете правильный метод.Это всего лишь мой второй день изучения JQuery, поэтому я был бы признателен за подробный ответ, который я мог бы узнать больше из дальнейших исследований!Я ненавижу быть нубом, но любая помощь будет признательна.

Answer 1

Вы очень близки;Попробуйте это:

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