jQuery 将动态创建的列表放入 <ul> 标签内答案

【问题标题】：jQuery put dynamically created list inside <ul> tagsjQuery 将动态创建的列表放入 <ul> 标签内
【发布时间】：2011-08-28 17:31:10
【问题描述】：

.append() 似乎不起作用，它将<ul>&</ul> 放在顶部。我该怎么做？

（fullQuestion 只是一个<li> 它是为每个问题生成的）

function writeQuestions() {

$('#container').append("<ul>\n");

len = questions.qestion.length;
for (var i = 0; i < len; i++) {

        var answerRdy = [];
        var qestionRdy = questions.qestion[i];
        answerRdy[0] = questions.answer[i][0];
        answerRdy[1] = questions.answer[i][1];
        answerRdy[2] = questions.answer[i][2];
        answerRdy[3] = questions.answer[i][3];
        var divID = "question-" + i;
        var formID = "form-" + i;
        var CurrentForm = i;

            var writeAnswer = [];
            writeAnswer[writeAnswer.length] = ("\n<br />`<li id='{0}'>`\n<form id='{1}' name='{2}'>\n").format(divID, formID, CurrentForm);
            writeAnswer[writeAnswer.length] = ("<b>" + qestionRdy + "</b><br />\n");
        for (var n=0; n<=3; n++) {
            writeAnswer[writeAnswer.length] = ("<input type='radio' name='answerN' value='{0}' /> {1} <br />\n").format(n, answerRdy[n]);
                }
            writeAnswer[writeAnswer.length] = ("<input type='submit' value='Submit your answer'>\n</form>\n</li><!--{0}-->").format(divID);


        var joinQuestion = writeAnswer.join();
    //  var joinQuestion = "<ul>\n" + joinQuestion + "\n</ul>"
            exp = /,/gi;
        var fullQuestion = joinQuestion.replace(exp, "");

    $('#container').append(fullQuestion);
}

for (var i=0; i < len; i++) {
    var formID = document.forms["form-" + i];
    $(formID).bind("submit", validate);
}

$('#container').append("\n</ul>");

}

【问题讨论】：

标签： jquery list append

【解决方案1】：

试试这个，它应该在 ul 中插入 fullQuestion 字符串

$('#container ul').html(fullQuestion);

【讨论】：

【解决方案2】：

您没有正确使用附加。

首先创建一个 UL

var $ul = $('<ul>');
$('#container').append($ul);
//all other code
$ul.append(fullQuestion);

并删除此行$('#container').append("\n</ul>");

【讨论】：