Jquery agregue la fila de la tabla después de la fila que llama al jquery

Question

Tengo un 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> 

Y este 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> 

Está funcionando bien, se hace una tr después de la table 's última tr y pone la información a ella, y la función de borrado también funciona bien.

Pero me gustaría hacer esta append DESPUÉS la tr (con tdclass="icon"), que está llamando el guión. ¿Cómo puedo hacer esto?

Answer 1

Puede usar la función .after() en jQuery para agregar contenido después de otro elemento.

Así que en lugar de

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

que usaría

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

o también se podría utilizar

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

que es esencialmente equivalente.

Ver http://api.jquery.com/after/ para más detalles.

Answer 2

tratar .prepend() en lugar de .append()

Answer 3

interst tr Identificación continuación onclick = "xyz()"

algo como esto:

<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>