jquery如何把<tr><td></td> <td></td> <td></td> <td></td></tr>append到表格呢？
代码如下：（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>
//声明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);
}
<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>本回答被提问者和网友采纳
...<td><\/td> <td><\/td> <td><\/td><\/tr>append到表格呢?
如果有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><\/...
jQuery如何追加tr到table中?
(function(){$("#btn1").click(function() {$("#test tbody").prepend('<tr><td><\/td><td><\/td><td><\/td><\/tr>');});$("#btn2").click(function() {$("#test tbody").append('<tr><td><\/td><td><\/td><td><\/td><\/tr>');});});3、效果演示 ...
jquery动态生成表格,怎么指定某一行的位置
1:直接筛选 例如找到tabel中第三行后追加一行 ("table tr:eq(2)").afterAppend("<tr><td>td<t\/d><\/tr>")2:动态处理 给每个tr动态设置id 跟行数相关 <table> <tr id="tr_"+i><\/tr><\/table>\/\/i为变量，也可以采用自定义属性 这样就可以直接定位处理 ...
jQuery怎么给table加入数组的值
("#tableid").append("<tr><td>1<\/td><td>2<\/td><\/tr>")\/\/1和2处放你要的值
jquery里怎么用clone给表格增加一行
<table id="table"> <tr> <td>内容1<\/td> <td> <button class="addtr">添加<\/button> <button class="deltr">删除<\/button> <\/td> <tr><\/table>用jquery来实现“添加”和“删除”的功能：下面这个是添加：("#table").on("click","button.addtr",function(){...
jquery遍历table的tr获取td的值(jquery遍历表单元素)
jQuery怎么遍历表格，获取每一列的值tableclass="tabletable-hover"id="test123"tr thwidth="45"选择\/th thwidth="100"驾校名称\/th thwidth="100"合作驾校名称\/th thwidth="100"申请时间\/th thwidth="100"申请状态\/th thwidth="100"操作\/th \/tr tr tdinputtype="checkbox"name="id"value="...
jQuery怎么获取某表格中的一列td的值?
浏览器。1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。2、在index.html中的<script>标签，输入jquery代码：('body').append($('tr').find('td:eq(0)').text());3、浏览器运行index.html页面，此时成功取到了表格的第一页数据并打印。
jquery如何给指定的表格增加行,然后给每行插入数据,而且其中一行能有超...
string json = CreateJSON(table); 3.json结果如下{"Table1":[{"ID":"1","Name":"a"},{"ID":"2","Name":"b"}]} 4.数组中每一个元素，都是一行数据。只要循环遍历，然后将结果添加入你已经创建好的table中就可以了。还有疑问，继续追问吧。我先去吃饭了。
JS怎样使用appendChild 给table 增加tr td
insertRow（）函数可以带参数，形式如下： 这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。<scriptlanguage="JavaScript"> vart＝document．getElementById（＂test＂）；t.innerHTML="<t...
Jquery或Javascript怎么实现插入<table>时从除去表头开始插入 就是插入...
<script src="js\/jquery-1.4.3.js" type="text\/javascript"><\/script> <script type="text\/javascript"> (document).ready(function(){ ("#add").click(function(){ ("#UpRow").append("<tr><td>wlf<\/td><td>5<\/td><\/tr>");})})<\/script> <\/head> <body> <table id="Up...
