Html jQuery div追加表两次

Html jQuery div追加表两次,html,html-table,append,Html,Html Table,Append,这是我的密码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ; "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <s

这是我的密码:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    ;   "http://www.w3.org/TR/html4/loose.dtd"><html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
     </head>
    <body>
  <div id="divmenutable"></div>
  <script type="text/javascript">
   $(document).ready(function() {
    var menuTable = $("<table><table>").addClass("table_menu");
    var menuRow = $("<tr></tr>");
    var menuCol = $("<td>awef</td>");
    menuRow.append(menuCol);
    menuTable.append(menuRow);
    $("#divmenutable").append(menuTable);
   });
  </script>
    </body>
</html>

$(文档).ready(函数(){
var menuTable=$(“”)。addClass(“表菜单”);
var menuRow=$(“”);
var menuCol=$(“awef”);
menuRow.append(menuCol);
menuTable.append(menuRow);
$(“#divmenutable”).append(menuTable);
});

结果,div添加表两次。我不知道为什么。我真正的代码是使用“for”循环将数据添加到表中。我已最小化代码以显示问题。

您正在创建两个表。关闭结束标记

$('<table><table>').length // 2
$('').length//2

$('<table></table>').length // 1
$('').length//1
也可以

$('<table/>')
$(“”)

您正在创建两个表。关闭结束标记

$('<table><table>').length // 2
$('').length//2

$('<table></table>').length // 1
$('').length//1
也可以

$('<table/>')
$(“”)

jQuery中追加的一个好读物:您的最后一个表不需要结束标记符号$(“”)在jQuery中非常有效。关于在jQuery中追加的详细信息:您的上一个表不需要结束标记符号$(“”)在jQuery中非常有效。要优化内容,您可能需要将所有内容预先放入menuTable选择器:var menuTable=$(“awef”);要优化内容,您可能需要将所有内容放在menuTable选择器中:var menuTable=$(“awef”);