jquery如何把<tr><td></td> <td></td> <td></td> <td></td></tr>append到表格呢？

代码如下：（append后页面没反应）<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%... 代码如下：（append后页面没反应）
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
</head>
<body>
<div>
第一场
<input id="cp1" class="cp" style="width: 40px;" />
第二场
<input id="cp2" class="cp" style="width: 40px;" />
。。。。。
<br />
第六场
<input id="cp6" class="cp" style="width: 40px;" />
购买总数
<input id="total" type="text" style="width: 40px;" />
<br />
<input type="button" id="b1" value="开始" />
<table id="myTable">
<tr>
<td>
一
</td>
<td>
二
</td>
<td>
三
</td>
..............
</table>
</body>
<script type="text/javascript">
var html="";
var arr=[];
var total=10;
var chooseNum;
$("#b1").click(function(){
$(":input").each(function(index,domEle){
arr.push($(domEle).val());
});
for(var j=0;j<total;j++){
html="<tr>";
for(var k=0;k<14;k++){
if(arr[k].length>1){
var n=arr[k].length;
var num=Math.floor(Math.random()*n+1);
chooseNum=num;
}else{
chooseNum=arr[k];
}
html+="<td>"+chooseNum+"</td>";
}
html+="</tr>";
}
$("#myTable").append(html);
});
</script>
</html> 展开

 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

Baby_原來
2015-08-14 · TA获得超过3402个赞

知道大有可为答主

回答量：1535

采纳率：94%

帮助的人：495万

我也去答题访问个人页

关注

展开全部

function addRow(){
    //声明tr td对象
    var tr=$("<tr></tr>");
    var td1=$("<td></td>");//拼接td，如果有td里有内容拼接时候填充进去
    var td2=$("<td></td>");//拼接td，如果有td里有内容拼接时候填充进去
    var td3=$("<td></td>");//拼接td，如果有td里有内容拼接时候填充进去
    var td4=$("<td></td>");//拼接td，如果有td里有内容拼接时候填充进去
    //将td添加到tr里
    tr.append(td1);
    tr.append(td2);
    tr.append(td3);
    tr.append(td4);
    //或者
    var tr="<tr><td></td> <td></td> <td></td> <td></td></tr>";//拼接html，如果有td里有内容拼接时候填充进去
    
    //再将tr添加到表格内
    $("#表格的id").append(tr);
}

已赞过 已踩过<

评论收起

yugi111
2014-11-02 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>test</title>
<style type="text/css">
table {
	border: 1px dashed black;
	border-collapse: collapse;
}

td {
	border: 1px dashed black;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
	jQuery (function ()
    {
	    var html = "";
	    var arr = [];
	    var total = 10;
	    var chooseNum;
	    $ ("#b1").click (function ()
	    {
		    $ (":text").each (function (index, domEle)
		    {
			    arr.push ($ (this).val ());
		    });
		    for ( var j = 0; j < total; j++)
		    {
			    html = "<tr>";
			    for ( var k = 0; k < arr.length; k++)
			    {
				    if (arr[k] > 1)
				    {
					    var n = arr[k];
					    var num = Math.floor (Math.random () * n + 1);
					    chooseNum = num;
				    }
				    else
				    {
					    chooseNum = arr[k];
				    }
				    html += "<td>" + chooseNum + "</td>";
			    }
			    html += "</tr>";
		    }
		    $ ("#myTable").append (html);
		    arr = [];
	    });
    });
</script>
</head>
<body>
	第一场
	<input id="cp1" class="cp" style="width: 40px;" /> 第二场
	<input id="cp2" class="cp" style="width: 40px;" /> 。。。。。
	<br /> 第六场
	<input id="cp6" class="cp" style="width: 40px;" /> 购买总数
	<input id="total" type="text" style="width: 40px;" />
	<br />
	<input type="button" id="b1" value="开始" />
	<table id="myTable">
		<tr>
			<td>一</td>
			<td>二</td>
			<td>三</td>
			<td>Four</td>
		</tr>
	</table>
</body>
</html>

本回答被提问者和网友采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jquery如何把<tr><td></td> <td></td> <td></td> <td></td></tr>append到表格呢？

其他类似问题

为你推荐：