使用jQuery

Question

我是学生学习jQuery，我的目标是使用optionArray索引中的4个对象将数组中的每个对象附加到4个不同的按钮。目前它只附加了optionArray的索引i的一个按钮，如：Radio Head，Gorillaz，Coldplay，Arctic Monkeys。

我希望将optionsArray的index i中的每个对象单独附加为4个不同的按钮。例如：

1. 电台主管
2. Gorillaz的
3. Coldplay的
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>");
    }