javascript – 查找元素然后追加循环

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 查找元素然后追加循环，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1650字，纯文字阅读大概需要3分钟。

内容图文

我想动态创建html元素,但是当尝试在循环中的容器中追加一些元素时,它无法正常工作.为什么？

var html = '<div id="' + question.id + '">                 <div class="quizlib-question">                      <div class="well well-sm quizlib-question-title"><strong>' + question.title + '</strong></div>                      <div class="quizlib-question-answers"></div>                 </div>             </div>';

for (var i=0; i < question.choices.length; i++) {
    var answerHTML = '<div class="radio quizlib-question-answer"><label><input type="radio" name="' + question.name + '" value="' + i + '">' + question.choices[i] + '</label></div>';
    //this part is nor working
    $(html).find(".quizlib-question-answers").append(answerHTML);
}

$('body').append(html);

解决方法:

这一行：

$(html).find(".quizlib-question-answers").append(answerHTML);

不更新字符串变量html,它附加到最初使用html内容创建的jQuery对象.

要解决此问题,请将jQuery对象附加到dom,而不是html.首先创建jQuery对象

var $html = $('<div id="' + question.id + '">             <div class="quizlib-question">                  <div class="well well-sm quizlib-question-title"><strong>' + question.title + '</strong></div>                  <div class="quizlib-question-answers"></div>             </div>         </div>');

(注意,我按照约定用$前缀jQuery对象)

然后正常追加：

for (var i=0; i < question.choices.length; i++) {
    var answerHTML = '<div class="radio quizlib-question-answer"><label><input type="radio" name="' + question.name + '" value="' + i + '">' + question.choices[i] + '</label></div>';
    //this part is nor working
    $html.find(".quizlib-question-answers").append(answerHTML);
}

最后将其添加到DOM

$('body').append($html);

内容总结

以上是互联网集市为您收集整理的javascript – 查找元素然后追加循环全部内容，希望文章能够帮你解决javascript – 查找元素然后追加循环所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端