Javascript / jQuery执行顺序问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript / jQuery执行顺序问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1187字，纯文字阅读大概需要2分钟。

内容图文

我正在使用jQuery尝试从JSON对象构建一个Web应用程序表(使用异步getJson调用),并且我很难找到执行顺序的底部.

我的JS是：

//create table header
$('#peopleDirectory').append(
    "<table><thead><tr><th>column header!</th>"
    +"</tr></thead><tbody>"
);

//iterate through list to create table row:
$.each(jsonArray.members, function(i, membObj) {
    $('#peopleDirectory').append(
            "<tr>"
            + "<td>" + membObj.name + "</td>"
            + "</tr>"
    );
});

//end table
$('#peopleDirectory').append("</tbody></table>");

我创建表和标题行,然后在关闭表之前迭代返回的JSON以创建表行.但是,如果我使用jQuery $(‘#peopleDirectory’).html()然后它生成表头,然后关闭表,然后追加JSON中的行(并且表没有正确显示)

任何人都可以帮我解释为什么它按此顺序执行追加？

解决方法:

这里的问题可能是您无法将部分HTML附加到您正在执行的元素上.当您追加< table>< tbody>时,浏览器也会实际关闭代码.然后,当你附加trs等时,它不再在表中,浏览器将再次尝试纠正它,生成破坏的标记.

您需要先构建整个标记,然后再将其添加.

这样的事情应该有效：

var html = "<table><thead><tr><th>column header!</th>"
         + "</tr></thead><tbody>";

$.each(jsonArray.members, function(i, membObj) {
    html += "<tr>"
          + "<td>" + membObj.name + "</td>"
          + "</tr>";
});

html += "</tbody></table>";

$('#peopleDirectory').append(html);

内容总结

以上是互联网集市为您收集整理的Javascript / jQuery执行顺序问题全部内容，希望文章能够帮你解决Javascript / jQuery执行顺序问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端