Wymienić cały wiersz tabeli (w tym <tr></tr>) przy użyciu JQuery

Question

Szukałem na innych przykładów tutaj, ale wydają się być zastąpienie zawartości <tr> a nie cały rząd w tym <tr>.

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

Poniższy kod wydaje się tylko zastąpić innerHTML z <tr>. Muszę wymienić wszystko, łącznie z <tr>, aby rząd się zwinął. Czy ktoś może potwierdzić, że ten kod robi lub nie całkowicie zastąpić rząd:

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

Powodem nie sądzę cała <tr> jest zastępowany jest fakt, że rząd nie zawali - chociaż ja testowałem HTML poza JQuery i działa dobrze.

Answer 1

Jesteś prawie tam, wystarczy użyć jQuery replaceWith^{[jQuery docs]} funkcję:

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

Answer 2

Właściwa funkcja jest .replaceWith:

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

Answer 3

Jeśli próbujesz zastąpić obiektu, a nie jego zawartość :

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

Answer 4

Użyj replaceWith metody jquery, aby zamienić element.

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

Answer 5

Jeśli wolisz technikę HTML w przeciwieństwie do przełączania się elementów, spróbuj tego:

Masz rację, mówiąc, że to nie zastąpi element tr. .html ("...") zastępuje wewnętrzny HTML elementu (w tym przypadku tr). Użyj JavaScript outerHTML do osiągnięcia tego celu: $("td#someid").parent().get(0).outerHTML = newtr;

Answer 6

Zobacz ten Demo: http://jsfiddle.net/rathoreahsan/QXmTN/

Jquery

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

Answer 7

można również sprawdzić ten JsFiddle

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

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