jQuery: получить HTML, включая селектор?

Question

Скажите, у меня есть этот HTML:

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

Я хочу быть в состоянии сделать что-то вроде $('#example').html(), но сейчас, делая это, очевидно, получим <strong>Awesome</strong> example text.

Так как я могу получить HTML , включая выбранный элемент?

есть. <li id="example"><strong>Awesome</strong> example text</li>

Я использую jQuery 1.4.4.

Answer 1

В данном конкретном случае:

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

Подробнее см. на этой странице .

И обсуждение здесь: http://api.jquery.com/html/ (это объясняет, что это не в ядре jQuery и почему некоторые логические решения не будут работать)

Answer 2

Вы можете попробовать это:

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

Answer 3

Для браузеров, которые поддерживают это, externalHTML может сделать это.Существуют плагины jQuery, такие как this и this , которые обеспечивают поддержку через несколько умных jQuery.

Answer 4

Что-то не так с простым использованием $ ('# example')?Это захватывает все!

Answer 5

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