crear filas con Jquery

[malakian]

Hola forer@s

Tengo una tabla (<table>), me gustaría que al darle click a una fila, se generara otra debajo de la que dí click. Hice esto pero no me funciona:

Código HTML:

<tr onclick="trae_nivel(this)">
 <td>
   texto
 </td>
</tr>
 

y en Jquery

Código Javascript:

function trae_nivel(me){
 $(me).append('<tr><td>Hola mundo!</td></tr>');
}
 

les agradezco cualquier ayuda

[YYs86]

Código HTML:

<tr onclick="insertTD()">
 

Código Javascript:

function insertTD(){
 
$(this).append('<td>Tu contenido</td>');
 
return false;
 
}
 

[malakian]

Hola YYs86 muchas gracias por la ayuda,

lo que necesito es crear un Tr nuevo debajo del que fue pulsado, no un TD, el código que postee muestra el TR pero lo genera DENTRO del TR pulsado...

Necesito es crear una nueva fila debajo de la fila clickeada

espero hacerme entender, gracias

[YYs86]

jajaj ok fallo mio...

Código Javascript:

function insertTR(){
 
$(this).parent().append('<tr><td>Tu contenido</td></tr>');
 
return false;
 
}
 

[malakian]

Gracias YYs86, ahora una duda, no habría forma de saber si ya fué creado ese TR?
necesito solo crearlo una vez y ya... si esta creado eliminarlo, se que es con remove() pero no se como hacer la validación.. me podrias guiar? gracias

[YYs86]

createlo con una class o un id único, y cada vez que llames a la función le metes 1º un $.remove() a ese class/id y luego creas tu tr... otra opción es validar si ya existe, en ese caso utilizarías un if() y tu identificador de tr...