jQuery: outer html()

Question

Stellen Sie sich vor, wir hätten etwas Ähnliches:

<div id="xxx"><p>Hello World</p></div>

wenn wir die Funktion .html auf diese Weise aufrufen:

$("#xxx").html();

werden wir bekommen:

<p>Hello World</p>

Aber ich muss sie bekommen:

<div id="xxx"><p>Hello World</p></div>

Also, was muss ich tun? Ich denke, einen anderen Wrapper um #xxx hinzufügen, aber das ist keine gute Idee.

Answer 1

Verwenden Sie einfach die Standard-DOM-Funktionalität:

$('#xxx')[0].outerHTML

Oder ein bisschen einfacher mit .prop() :

$('#xxx').prop('outerHTML')

outerHTML wird gut unterstützt - überprüfen Sie unter Mozilla o caniuse .

Answer 2

Erstellen Sie ein temporäres Element, dann clone() y append() :

$('<div>').append($('#xxx').clone()).html();

Answer 3

Keine Geschwisterlösung:

var x = $('#xxx').parent().html();
alert(x);

Universelle Lösung:

// no cloning necessary    
var x = $('#xxx').wrapAll('<div>').parent().html(); 
alert(x);

Hier fummeln: http://jsfiddle.net/ezmilhouse/Mv76a/

Answer 4

Wenn Sie keinen Wrapper hinzufügen möchten, können Sie den Code einfach manuell hinzufügen, da Sie die ID kennen, auf die Sie abzielen:

var myID = "xxx";

var newCode = "<div id='"+myID+"'>"+$("#"+myID).html()+"</div>";