行後插入行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

回答

相關問題