jQuery - найти элемент внутри другого элемента и получить его HTML-контент

Question

, поэтому вызов Ajax вернет некоторые данные в виде html.

Я создаю элемент из этих данных с var comment = $("<ul />").html(data);

Теперь я хочу получить html-контент из другого элемента внутри элемента comment, который я только что создал. Я использую var commentbody = comment.find(".comment-body").html();

Это работает, но проблема в том, что я получаю только содержимое элемента. Я тоже хочу получить теги элемента.

Как я могу это сделать?

Answer 1

Вы можете сделать это:

var commentbody = comment.find(".comment-body");

var outerHTML = commentbody[0].outerHTML || 
                          commentbody.clone().appendTo('<div>').parent().html();

Здесь вы сначала найдете нужный элемент .comment-body. Затем вы получаете доступ к элементу DOM с помощью [0] и получаете его свойство outerHTML.

Если у него нет свойства outerHTML, тогда сделайте clone() ^{(документы)} , appendTo() ^{(документы)} новый <div>, ход до parent() ^{(документы)} <div> и получите его html() ^{(документы)} содержание.

Этот ответ предполагает, что есть только один .comment-body.