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

发布于 2025-01-07 02:45:18 字数 736 浏览 0 评论 0原文

如何将特定的 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(phrases[0]) 到 Div id="div01"

但不知道正确的方法。这只是我学习 JQuery 的第二天，所以我希望得到一个详细的答案，然后我可以通过进一步的调查了解更多信息！我讨厌成为菜鸟，但任何帮助将不胜感激。

原文

How to output a particular JQuery array into a particular Div. For example I want to pull the (phrases[0]) array into Div id="div01", and the (phrases[1]) array into Div id="div02". I have read up all the functions of JQuery but can't find this.

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>');

And then I need a line to say (in effect):

.append makePhrase( phrases[0] ) to Div id="div01"

but do not know the correct method. This is only my second day of learning JQuery so I would appreciate a spell-it-out answer which then I can learn more from through further investigation! I hate being the noob but any help would be appreciated.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

朦胧时间 2025-01-14 02:45:18

你们很亲近；试试这个：

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

You are very close; Try this:

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]));

And proof it works over at jsfiddle: http://jsfiddle.net/SKssF/14

回复收藏 0 原文

~没有更多了~