Question

我有两个问题。在我的jsfiddle中，我有一段javascript代码，用户可以在其中键入问题，然后单击“添加问题”将问题添加为表格中的新行。现在我在jsfiddle中使用的代码可以使这项工作正常但我想更改我的代码，因此它包含更多的jquery函数。

下面我有我目前正在处理的jquery代码，其中包括添加一个答案（我没有在Jsfiddle中包含“答案”功能，但我已经包含了我之前添加新答案的代码在Jsfiddle中）：

function insertQuestion(form) {   

    var $tr = $("<tr></tr>");
    var $qid = $("<td class='qid'>" + qnum + "</td>");
    var $question = $("<td class='question'></td>");
    var $answer = $("<td class='answer'></td>");

    $('#optionAndAnswer .answerBtnsOn').each( function() {

        var $this = $(this);
        var $newBtn = $("<input class='answerBtns' type='button' style='display: inline-block;' />").attr('name',$this.attr('name'))
                   .attr('value',$this.attr('value'))
                   .attr('id','qid' + qnum + '-' + $this.attr('id')); // must be unique
        $answer.append($newBtn);
    });

    $tr.append($qid);
    $tr.append($answer);
    $('#qandatbl').append($tr);

    form.numberOfQuestions.value = qnum;

    ++qnum;
    $("#questionNum").text(qnum);
    form.questionText.value = "";

}

我想知道的是如何将代码片段添加到上面的代码段中的新行中。下面是在jsfiddle中添加问题代码：

cell = document.createElement("td"),
input = document.createElement("textarea");
cell.className = "question";
input.name = "question_" + qnum;
input.value = form.questionText.value;
cell.appendChild(input);
row.appendChild(cell);

同样在我当前的代码中，我如何才能得到它，以便问题No（qnum）总是+ 1 eveytime添加一个新行。目前，当第一行的问题为1时，问题编号等于1，第二行的问题为2，

感谢

我希望我以前的代码进入我的新代码

0 个答案: