行后插入行javascript

-1

美好的一天每个人。我不擅长JavaScript，无法获得一件事情。我有一张桌子，像这样：行后插入行javascript

<table> 
 
    <tr><td>test #1</td><td><a href="#">Here we go1!</a></td></tr> 
 
    <tr><td>test #2</td><td><a href="#">Here we go2!</a></td></tr> 
 
    <tr><td>test #3</td><td><a href="#">Here we go3!</a></td></tr> 
 
</table>

而且我需要插入新行与一些内容（不克隆）行后按下链接。

因此，换句话说，在第一行按下后，该表必须是这样的：

<table> 
 
    <tr><td>test #1</td><td><a href="#">Here we go1!</a></td></tr> 
 
    <tr><td>some content here</td><td><a href="#">some content here</a></td></tr> 
 
    <tr><td>test #2</td><td><a href="#">Here we go2!</a></td></tr> 
 
    <tr><td>test #3</td><td><a href="#">Here we go3!</a></td></tr> 
 
</table>

我真的尽力去做，但表后总是插入之前的。在此先感谢。

UPDATE：

我的JS代码中插入新行看起来是这样的：（我试图用一个解决方案张贴在这里，但它不工作:(）

function RowAdd() 
 
{ 
 
    var table=document.getElementById("test"); 
 
    var last=$(this).closest("tr").prevAll().length; 
 
    var row=table.insertRow(last); 
 
    row.insertCell(0); 
 
    row.cells[0].innerHTML="test"; 
 
    row.insertCell(1); 
 
    row.cells[1].innerHTML="test"; 
 
    row.insertCell(2); 
 
    row.cells[2].innerHTML="test"; 
 
}

来源

2014-09-23 Marty Miles

http://whathaveyoutried.com？请告诉我们你到目前为止的情况。 SO不是代码编写服务，如果您提供了自己的工作证据，您将得到更好的回应。请参阅[帮助页面]（http://stackoverflow.com/help）。 – freefaller 2014-09-23 17:03:42

这也是一个重复http://stackoverflow.com/questions/2456737/append-row-after-first-row-in-a-html-table – 2014-09-23 17:04:05

如果我明白你需要这样做，对吧？

http://jsfiddle.net/OxyDesign/v7swo505/

JS（使用jQuery）

$(document).ready(function(){ 
    $('body').on('click','table a', function(e){ 
     $(this).closest('tr').after('<tr><td>New Content 1</td><td><a href="#">New Content 2</a></td></tr>'); 
    }); 
});

来源

2014-09-23 17:07:37 OxyDesign

假设你的表有一个id=myTable，您可以使用：

var table = document.getElementById("myTable"); 
var row = table.insertRow(1); //inserts row at index 1, like in your example 
var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(1); 
cell1.innerHTML = "data1"; 
cell2.innerHTML = "data2";

来源

2014-09-23 17:05:58 cppprog

行后插入行javascript

回答

相关问题