jQueryを使って配列内に複数のオブジェクトを追加する

Question

私はjQueryを学ぶ学生です。私の目標は、optionArrayのインデックス内の4つのオブジェクトを使用して4つの異なるボタンに配列内の各オブジェクトを追加することです。現在のところoptionArrayのインデックスiのボタンを1つ追加しています：Radio Head、Gorillaz、Coldplay、Arctic Monkeys。

optionsArrayのインデックスi内にそれぞれのオブジェクトを4つの異なるボタンとして個別に追加したいと思います。例えば：私はこれを行う方法がわからないよ

1. レディオヘッド
2. ゴリラズ
3. コールドプレイ
4. アークティック・モンキーズ

...高度で任意の助けをありがとうございました。

JS：あなたはオプションのための2次元配列を使用している

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>"); 
    }