Sostituire l'intera riga della tabella (incluso <tr></tr>) utilizzando JQuery

Question

Ho esaminato altri esempi qui, ma sembra che stiano sostituendo il contenuto di <tr> e non dell'intera riga incluso lo <tr>.

<table> 
    <tr style="display:block"> 
     <td id="someid">Test</td> 
     <td>Some text</td> 
    </tr> 
</table> 

Il seguente codice sembra sostituire solo l'innerHTML del <tr>. Devo sostituire tutto, incluso lo <tr> in modo che la riga crolli. Qualcuno può confermare che questo codice fa o non sostituisce completamente la riga:

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>" 
$("td#someid").parent().html(newtr); 

Il motivo per cui non credo che l'intero <tr> viene sostituito è perché la riga non crolla - anche se ho testato il HTML al di fuori di JQuery e funziona perfettamente.

Answer 1

Sei quasi, basta usare la funzione jQuery replaceWith^{[jQuery docs]}:

$("td#someid").parent().replaceWith(newtr); 

Answer 2

Il corretto funzionamento è .replaceWith:

$("td#someid").parent().replaceWith(newtr); 

Answer 3

Se si sta cercando di sostituire l'oggetto, non il suo contenuto :

$("td#someid").parent().replaceWith(newtr); 

Answer 4

Utilizzare replace con il metodo jquery per sostituire l'elemento.

$('#someid').parent().replaceWith(newtr); 

Answer 5

Se si preferisce la tecnica HTML al contrario di commutazione fuori elementi, provate questo:

Lei ha ragione nel dire che questo non andrà a sostituire l'elemento TR. .html ("...") sostituisce l'HTML interno dell'elemento (il tr in questo caso). Utilizzare l'outerHTML JavaScript per raggiungere questo obiettivo: $("td#someid").parent().get(0).outerHTML = newtr;

Answer 6

Vai a questa demo: http://jsfiddle.net/rathoreahsan/QXmTN/

Jquery

$("td#someid").parent().replaceWith(newtr); 

Answer 7

è anche possibile controllare questo JsFiddle

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>"; 

$("td#someid").parent().parent().html(newtr);