получить открывающий тег, включая атрибуты - внешнийHTML без innerHTML

Question

Я хотел бы получить определенный элемент тега со своими атрибутами из DOM. Например, из

<a href="#" class="class"> 
    link text 
</a> 

Я хочу получить <a href="#" class="class">, возможно, с закрывающим </a>, либо в виде строки или какого-либо другого объекта. По-моему, это было бы похоже на извлечение .outerHTML без .innerHTML.

Наконец, мне нужно это, чтобы обернуть некоторые другие элементы через jQuery. Я попытался

var elem = $('#some-element').get(0); 
$('#some-other-element').wrap(elem); 

но .get() возвращает элемент DOM, включая его содержание. Также

var elem = $('#some-element').get(0); 
$('#some-other-element').wrap(elem.tagName).parent().attr(elem.attributes); 

терпит неудачу как elem.attributes возвращает NamedNodeMap, который не работает с JQuery-х attr(), и я не был в состоянии преобразовать его. Приняли, что приведенные выше примеры не очень понятны, поскольку они копируют также уникальный идентификатор элемента. Но есть ли простой способ? Большое спасибо.

Answer 1

var wrapper = $('.class').clone().attr('id','').empty(); 

• Вы можете изменить селектор более точно соответствовать <a> элемент, который вы ищете.
• clone() создает новую копию согласованного элемента (элементов), необязательно копируя обработчики событий.
• Я использовал attr, чтобы очистить идентификатор элемента, чтобы мы не дублировали идентификаторы.
• empty() удаляет все дочерние узлы ('innerHTML').

Answer 2

Для будущих Googlers, есть способ сделать это без JQuery:

tag = elem.outerHTML.slice(0, elem.outerHTML.indexOf(elem.innerHTML)); 

С outerHTML содержит открывающий тег с последующим зеркалом того, что innerHTML содержит, мы можем подстроки в outerHTML из 0 (начало открытого тега), где начинается внутренний HTTML (конец открывающего тега), и поскольку innerHTML является зеркалом внешнегоHTML, за исключением открытого тега, останется только тег открытия!

Это один работает с <br> тегами, <meta> тегов и другими пустыми тегами:

tag = elem.innerHTML ? elem.outerHTML.slice(0,elem.outerHTML.indexOf(elem.innerHTML)) : elem.outerHTML; 

Поскольку innerHTML будет пустым в самозакрывающихся тегах, и indexOf('') всегда возвращает 0, вышеуказанные проверки модификации на наличие innerHTML первый.