JSON javascript中的迭代数组

我在这里用数组得到了这个JSON

chapter1 = '[\
{"name" : "Jeff","text":"Hi this is me.","image":"./images/char2.png","bgimg":"./images/bgimg/background1.jpg"}]';

choose1 = '[{"option1":"Come.","option2":"Everything right.","option3":"You are scared!"}]';

chapter1op1 = '[\
{"name" : "Marco","text":"Hi Jeff! It is me – Marco!","image":"./images/char2.png","bgimg":" "}]';

例如，我用一个计数器遍历它，并在html中显示信息

var mydata = $.parseJSON(chapter1);
var bg ="url(" + mydata[counter].bgimg + ")";
    $("#main-screen-chapter1").css("background-image", bg);

在第1章数组的末尾，我显示choose1数组

var decisionJson = $.parseJSON(choose1);
if (counter==mydata.length-1){

        $( "body").unbind( "click" );

        var op1;
        var op2;
        var op3;

        for (var i = 0; i < decisionJson.length; i++) {

            op1 = $('<tr/>');
            op2 = $('<tr/>');
            op3 = $('<tr/>');

            op1.append("<td>" + decisionJson[i].option1 + "</td>");
            op2.append("<td>" + decisionJson[i].option2 + "</td>");
            op3.append("<td>" + decisionJson[i].option3 + "</td>");

            $('#option1').append(op1);
            $('#option2').append(op2);
            $('#option3').append(op3);

            $('#option1').show();
            $('#option2').show();
            $('#option3').show();


        }

但它不起作用。

---

有人知道如何通过一个例子来实现这一点吗？

什么是不工作？它没有加载数组第1章对我来说，它工作得很好：我猜，用

$（function（）{…你的代码…}）包装你的代码阅读jQuery
文档就绪
$( "#option1" ).click(function() {
 mydata = $.parseJSON(chapter1op1);
});