Holt das äußere HTML des ausgewählten Elements

Question

Ich versuche, die HTML eines ausgewählten Objekts mit jQuery zu erhalten. Ich bin mir bewusst, dass die .html() Funktion; das Problem ist, dass ich das HTML einschließlich des ausgewählten Objekts benötige (in diesem Fall eine Tabellenzeile, in der .html() gibt nur die Zellen innerhalb der Zeile zurück).

Ich habe herum gesucht und fand ein paar sehr "hackish" Art Methoden der Klonen eines Objekts, fügen Sie es zu einem neu erstellten div, etc, etc, aber dies scheint wirklich schmutzig. Gibt es einen besseren Weg, oder bietet die neue Version von jQuery (1.4.2) irgendeine Art von outerHtml Funktionalität?

Answer 1

Ich bin darauf gestoßen, als ich nach einer Antwort auf mein Problem suchte, das darin bestand, dass ich versuchte, eine Tabellenzeile zu entfernen und sie dann am unteren Ende der Tabelle wieder hinzuzufügen (weil ich Datenzeilen dynamisch erstellte, aber eine Zeile vom Typ "Neuer Datensatz hinzufügen" am unteren Ende anzeigen wollte).

Ich hatte das gleiche Problem, dass es die innerHtml zurückgegeben wurde, so fehlte die TR-Tags, die die ID dieser Zeile gehalten und bedeutete, dass es unmöglich war, den Vorgang zu wiederholen.

Die Antwort, die ich fand, war, dass die jquery remove() Funktion gibt das Element, das sie entfernt, als Objekt zurück. Um also eine Zeile zu entfernen und wieder hinzuzufügen, war es so einfach wie folgt...

var a = $("#trRowToRemove").remove();            
$('#tblMyTable').append(a);  

Wenn Sie das Objekt nicht entfernen, sondern es an eine andere Stelle kopieren wollen, verwenden Sie die clone() stattdessen die Funktion.

Answer 2

JQuery-Plugin als Kurzform, um direkt das gesamte HTML-Element zu erhalten:

jQuery.fn.outerHTML = function () {
    return jQuery('<div />').append(this.eq(0).clone()).html();
};

Und verwenden Sie es so: $(".element").outerHTML();

Answer 3

$("#myNode").parent(x).html(); 

Wobei 'x' die Nummer des Knotens ist, beginnend mit 0 als erster, sollte den richtigen Knoten erhalten, wenn Sie versuchen, einen bestimmten zu erhalten. Wenn Sie Kindknoten haben, sollten Sie wirklich eine ID auf den gewünschten Knoten setzen, um nur diesen einen zu finden. Mit dieser Methode und ohne "x" hat es bei mir gut funktioniert.

Answer 4

Einfache Lösung.

var myself = $('#div').children().parent();

Answer 5

$("#myTable").parent().html();

Vielleicht verstehe ich Ihre Frage nicht richtig, aber damit wird die HTML des übergeordneten Elements des ausgewählten Elements abgerufen.

Ist es das, worauf Sie aus sind?