Jquery dodać wiersz tabeli po wierszu, który dzwoni jquery

Question

Mam table.

<table id="servers" ...> 
... 
{section name=i loop=$ownsites} 
<tr id="site_id_{$ownsites[i].id}"> 
... 
<td>{$ownsites[i].phone}</td> 
<td class="icon"><a id="{$ownsites[i].id}" onClick="return makedeleterow(this.getAttribute('id'));" ...></a></td> 
</tr>  
{/section} 
<tbody> 
</table> 

I ten JavaScript.

<script type="text/javascript"> 
function makedeleterow(id) 
    { 
     $('#delete').remove(); 
     $('#servers').append($(document.createElement("tr")).attr({id: "delete"})); 
     $('#delete').append($(document.createElement("td")).attr({colspan: "9", id: "deleter"})); 
     $('#deleter').text('Biztosan törölni szeretnéd ezt a weblapod?'); 
     $('#deleter').append($(document.createElement("input")).attr({type: "submit", id: id, onClick: "return truedeleterow(this.getAttribute('id'))"})); 
     $('#deleter').append($(document.createElement("input")).attr({type: "hidden", name: "website_del", value: id})); 
    } 
</script> 

To działa dobrze, to sprawia, że ​​tr po sobie table „s ostatni tr i umieszcza informacje o niej, a funkcja kasowania działa również w porządku.

Ale chciałbym, aby ten Dołącz POtr (z tdclass="icon"), który jest wywołanie skryptu. Jak mogę to zrobić?

Answer 1

Możesz użyć funkcji .after() w jQuery, aby dołączyć trochę treści po innym elemencie.

Więc zamiast

$("servers").append(...); 

byłoby użyć

$("#" + id +).closest("tr").after(...); 

lub można też użyć

$(...).insertAfter($("#" + id).closest("tr")); 

która jest zasadniczo równoważne.

Aby uzyskać szczegółowe informacje, patrz http://api.jquery.com/after/.

Answer 2

spróbować .prepend() zamiast .append()

Answer 3

interst tr id następnie onclick = "xyz()"

coś takiego:

<tr id="" onclick="xyz()"><td></td><td></td></tr> 
<script> 
    function xyz() 
    { 
    var newrow = "<tr><td>data1</td><td>data1</td></tr>";   
    $("#tr_id").after(newrow); 
    } 
</script>