如何在td之间插入tr呢?_IT百科

想法很好，但是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)")

你可以用js原生的append或是insertBefore。

下面是简单的例子：

<body>

<tr>

</tr>

</table>

</body>

var oTab = document.getElementById('tab')

var oTr = document.createElement('tr') //创建TR

oTr.innerHTML='<td>22222</td><td>22222</td>' //TR里面加2个TD

oTab.appendChild(oTr)

</script>

function onAddTR(trIndex)

{

var tb = document.getElementById("tb1")

var newTr = tb.insertRow(trIndex)//添加新行，trIndex就是要添加的位置

var newTd1 = newTr.insertCell()

newTd1.innerHTML = "这是新行，位置：" + trIndex

var newTd2 = newTr.insertCell()

newTd2.innerHTML = "这是新行，位置：" + trIndex

}

请参考采纳，谢谢！

欢迎分享，转载请注明来源：内存溢出

如何在td之间插入tr呢?