полный HTML-код объекта, возвращаемого селектором jQuery
, учитывая этот html:
<li id="the_list_item"><img src="some_img"></li>
и этот селектор:
$("#the_list_item")
Я хочу получить полный html из объекта, возвращаемого селектором jQuery.
Использование:
$("#the_list_item").html()
... просто дает мне внутренний html ( part)
Но так как:
$("#the_list_item").attr("id")
дает мне 'the_list_item', это указывает на то, что весь элемент списка действительно включен в возвращаемый объект .. так как я могу получить полный код из этого объекта?
Я хочу получить строку: из моего объекта, но не могу найти способ сделать это.
6 ответов
Один из способов - создать свою собственную оболочку:
$("#the_list_item").wrap('<div>').parent().html();
... сделайте свое дело, а затем разверните:
$("#the_list_item").unwrap();
Я не уверен, работает ли это, но, возможно, стоит попробовать:
var html = $('#the_list_item')[0].outerHTML;
alert(html);
В jQuery нет эквивалента "внешний html", но это может помочь: http://jquery-howto.blogspot.com/2009/02/how-to-get-full-html-string-including.html
Вы пробовали $ ("# the_list_item"). Parent (). Html () ?
Для этого есть плагины. Просто введите в Google запрос "jQuery outerhtml". Идея большинства из них состоит в том, чтобы клонировать элемент, добавить его в пустой div и получить html этого div.
Здесь вы можете найти хорошее решение в виде кода для плагина jQuery outerHtml: http://yelotofu.com/2008/08/jquery-outerhtml/