jQuery: à l'extérieur de l'html()

Question

Double Possible:
Obtenez de l'élément sélectionné extérieur HTML

imaginez ce que nous avons quelque chose comme ceci:

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

si nous appeler .html la fonction de cette façon:

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

nous aurons:

<p>Hello World</p>

Mais j'ai besoin d'obtenir:

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

Donc, ce que je dois faire? Je pense que pour ajouter un wrapper autour de #xxx, mais ce n'est pas une bonne idée.

Answer 1

Ne sais pas à propos de la compatibilité du navigateur, mais cela a fonctionné sur chrome

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

Answer 2

Créer un temporaire de l'élément, puis clone() et append():

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

Answer 3

Pas de frères et sœurs de la solution:

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

Solution universelle:

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

Violon ici: http://jsfiddle.net/ezmilhouse/Mv76a/

Answer 4

Si vous ne voulez pas d'ajouter une surcouche, vous pouvez simplement ajouter le code manuellement, puisque vous connaissez l'ID cible:

var myID = "xxx";

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