0

午後、

表示される質問ごとに、このコードの数を1つ増やしたいと思います。

 new_question = "<div id=\"" + res.qId + "\">" +
                            "<h1>Question 1</h1>" +
                            "<p><i>" + res.question + "</i></p>" +
                            "<div class=\"answer-grid\">" +
                            "<div id=\"a1\" class=\"answer\">" +
                            "<p>" + res.answer1 + "</p>" +
                            "<p>" + res.answer2 + "</p>" +
                            "<p>" + res.answer3 + "</p>" +
                            "</div>" +
                            "</div>";

これで、質問1、質問2などが表示されます...

jQueryでこれを行うにはどうすればよいですか？

アップデートビクターは私が必要なものを提供してくれました、あなたの助けに感謝します。以下のコードを更新しました。

 var questionNumber = 1;
    $.each(result, function (index, res) {
        new_question = "<div id=\"" + res.qId + "\">" +
                        "<h1>Question " + (questionNumber++) + "</h1>" +
                        "<p><i>" + res.question + "</i></p>" +
                        "<div class=\"answer-grid\">" +
                        "<div id=\"a1\" class=\"answer\">" +
                        "<p>" + res.answer1 + "</p>" +
                        "<p>" + res.answer2 + "</p>" +
                        "<p>" + res.answer3 + "</p>" +
                        "</div>" +
                        "</div>";

        $('#pinfos').append(new_question);
4

2 に答える 2

0

ループの外側で変数を宣言し、ループの内側でそれをインクリメントして、マークアップで使用します。

var questionNumber=0;

$.each(someJsonData, function (index, res) {
{
 questionNumber++;
 new_question = "<div id=\"" + res.qId + "\">" +
                            "<h1>Question "+questionNumber+"</h1>" +
                            "<p><i>" + res.question + "</i></p>" +
                            "<div class=\"answer-grid\">" +
                            "<div id=\"a1\" class=\"answer\">" +
                            "<p>" + res.answer1 + "</p>" +
                            "<p>" + res.answer2 + "</p>" +
                            "<p>" + res.answer3 + "</p>" +
                            "</div>" +
                            "</div>";

}
于 2012-07-23T13:50:30.803 に答える
0

questionNumberという変数を宣言し、呼び出しごとにインクリメントします

var questionNumber = 1;
        $.each(result, function (index, res) {
            new_question = "<div id=\"" + res.qId + "\">" +
                            "<h1>Question " + (questionNumber++) + "</h1>" +
                            "<p><i>" + res.question + "</i></p>" +
                            "<div class=\"answer-grid\">" +
                            "<div id=\"a1\" class=\"answer\">" +
                            "<p>" + res.answer1 + "</p>" +
                            "<p>" + res.answer2 + "</p>" +
                            "<p>" + res.answer3 + "</p>" +
                            "</div>" +
                            "</div>";

            $('#pinfos').append(new_question);
于 2012-07-23T13:45:48.813 に答える