Ersetzen Sie die gesamte Tabellenzeile (einschließlich tr / tr) mit JQuery

7

Ich habe mir hier andere Beispiele angeschaut, aber sie scheinen den Inhalt von <tr> zu ersetzen und nicht die gesamte Zeile einschließlich <tr> .

%Vor%

Der folgende Code scheint nur die innerHTML von <tr> zu ersetzen. Ich muss alles ersetzen, einschließlich der <tr> , so dass die Zeile zusammenbricht. Kann jemand bestätigen, dass dieser Code die Zeile nicht vollständig ersetzt:

%Vor%

Der Grund, warum ich nicht glaube, dass die gesamte <tr> ersetzt wird, liegt darin, dass die Zeile nicht zusammenbricht - obwohl ich den HTML-Code außerhalb von JQuery getestet habe und es gut funktioniert.

    
rwkiii 26.06.2012, 11:27
quelle

7 Antworten

20

Sie sind fast da, verwenden Sie einfach die jQuery replaceWith [jQuery-Dokumentation] Funktion:

%Vor%     
Peter Olson 26.06.2012, 11:30
quelle
3

Die richtige Funktion ist .replaceWith :

%Vor%     
Jon 26.06.2012 11:30
quelle
2

Wenn Sie versuchen, das Objekt und nicht seinen Inhalt zu ersetzen:

%Vor%     
John Green 26.06.2012 11:30
quelle
2

Verwenden Sie die Methode replaceWith von jquery, um das Element zu ersetzen.

%Vor%     
Adil 26.06.2012 11:31
quelle
1

Wenn Sie die HTML-Technik bevorzugen, anstatt Elemente zu wechseln, versuchen Sie Folgendes:

Sie haben Recht, wenn Sie sagen, dass dies das tr-Element nicht ersetzen wird. .html ("...") ersetzt das innere HTML des Elements (in diesem Fall das tr). Verwenden Sie das JavaScript outerHTML, um dies zu erreichen: $("td#someid").parent().get(0).outerHTML = newtr;

    
jaypeagi 26.06.2012 11:32
quelle
1

Sehen Sie diese Demo: Ссылка

Jquery

%Vor%     
Ahsan Rathod 26.06.2012 11:35
quelle
1

Sie können dies auch in JsFiddle

nachsehen %Vor%     
Umair Noor 26.06.2012 11:44
quelle

Tags und Links