jQuery: Obtenir le code HTML, y compris le sélecteur?

Question

Dites que j'ai ce code HTML:

 <ul>
  <li id="example"><strong>Awesome</strong> example text</li>
</ul>
 

Je veux pouvoir faire quelque chose comme $('#example').html() mais pour le moment, cela ne fait évidemment que <strong>Awesome</strong> example text .

Alors, comment puis-je obtenir le code HTML, y compris l'élément sélectionné?

c'est à dire. <li id="example"><strong>Awesome</strong> example text</li>

J'utilise jQuery 1.4.4.

Answer 1

Dans ce cas particulier:

 var outerHTML = $("<div />").append($('#example').clone()).html();
 

Voir: http://darlesson.com/jquery/outerhtml/

Et la discussion ici: http://api.jquery.com/html/ (cela explique que ce n'est pas dans jQuery core et que certaines solutions logiques ne fonctionnent pas)

Answer 2

Vous pouvez essayer ceci:

 var html = $('<div>').append($('#example').clone()).html();
 

Answer 3

OuterHTML peut le faire pour les navigateurs qui le prennent en charge. Il y a des plugins jQuery comme celui - ci qui permettent le support via quelques jQuery intelligents.

Answer 4

var outerHtml = $('#example').detach();

Answer 5

Quelque chose ne va pas avec simplement en utilisant $ ('# exemple')? Cela attrape le tout!