如何在td之间插入tr呢?

如何在td之间插入tr呢?,第1张

想法很好,但是after添加的是一个完整的标签,所以换一种方式在tr后面再加一对tr,然后把第二个之后的td移动到新建的tr中:

$("#demo1 tr:eq(0)").after("<tr></tr>")

$("#demo1 tr:eq(0) td").each(function(){

$("#demo1 tr:eq(0) td:eq(1)").appendTo("#demo1 tr:eq(1)")

})

或者在tr之前新建一个tr,将第一个td移动到新建tr中

$("#demo1 tr:eq(0)").before("<tr></tr>")

$("#demo1 tr:eq(1) td:eq(0)").appendTo("#demo1 tr:eq(0)")

想要结果正常又改动最少。办法如下:

td.innerHTML=4*i+j

但是这样输出的是一个方阵。也就是会输出到11.如果想要只输出到10的话。那就就需要添加一个全局变量来控制。

var temp=4*i+j;

if (temp<=10){

td.innerHTML=temp

}else{

return

}

每次在写td之前加一个if语句判断一下就ok了!

希望可以帮到你!

insertRow()函数可以带参数,形式如下: 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前,默认的insertRow()函数相当于insertRow(-1),将新行添加到表的最后。

<scriptlanguage="JavaScript">

vart=document.getElementById("test");

t.innerHTML="<tr><td>数据</td></tr>"

//或者

vart=document.getElementById("test");

vartr=document.createElement("tr");

vartd=doucment.createElement("td");

td.innerHTML="数据";

tr.appendChild(td);

t.appendChild(tr);

</script>

扩展资料:

给table添加一行

1、$("#addTable").click(function(){;

2、vartr="<tr>"+;

3、"<td>11</td>"+;

4、"<td>22</td>"+;

5、"<td>33</td>"+;

6、"<td>44</td>"+;

7、"<td>55</td>"+;

8、"</tr>"

9、$(".layui-table").append(tr);


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11692758.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存