javascript - 使用 jQuery 在数组中追加多个对象

Question

我是一名学习 jQuery 的学生，我的目标是使用 optionArray 索引中的 4 个对象将数组中的每个对象 append 到 4 个不同的按钮。目前，它仅 append 了 optionArray 的索引 i 的单个按钮，如下所示:Radio Head、Gorillaz、Coldplay、Arctic Monkeys。

我希望它将每个对象分别 append 到 optionsArray 的索引 i 中作为 4 个不同的按钮。例如:

1. radio 头
2. gorilla
3. 酷玩乐队
4. 北极猴

我不确定该怎么做...感谢您的任何帮助。

JS:

window.onload = function() {
    $('#start').html('<div class="text-center"><button type="button" class="btn btn-default">Start</button></div>');
};

var questionArray = ["This bands second album went platinum 5 times in the UK and double Platinum in the US."];
var optionArray = [["Radio Head", "Gorillaz", "Coldplay", "Arctic Monkeys"], []];
var answerArray= ["Gorillaz"];
var imageArray= ["http://cdn3.pitchfork.com/artists/1767/m.65d9c64d.jpg", "http://crowningmusic.com/storage/rA7GUFFoBCtT8Jg4L1tv.png", "", "", ""];

var count = 0;

$("#start").on('click', function() {
    $(this).css("display","none");
    for (var i = 0; i < questionArray.length; i++) {
        $("#question").html(questionArray[i]);
        for (var j = 0; j < 4; j++) {
            $("#options").append("<button>" + optionArray[i] + "</button>");
        }
    }   
    // $("#holder").html("<img src=" + questionArray[count] + ">");
});

Answer 1

您正在为选项使用二维数组。将选项的 for 循环迭代更改为此

    for (var j = 0; j < 4; j++) {
       $("#options").append("<button>" + optionArray[i][j] + "</button>");
    }