Question

如何将特定的JQuery数组输出到特定的Div中。例如，我想将（phrase [0]）数组拉入Div id =“div01”，将（phrase [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>');

然后我需要说一句话（实际上）：

。将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

从特定的Jquery数组填充特定的Div

1 个答案: