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”);