获取包含属性的开始标记 - 没有innerHTML的outerHTML

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返回a NamedNodeMap不能与jQuery一起工作,attr()我无法转换它.承认上面的例子不是很有意义,因为它们还复制了元素的不再唯一ID.但有什么简单的方法吗？非常感谢.

Answer 1

对于未来的Google员工,有一种方法可以在没有jQuery的情况下执行此操作:

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

由于outerHTML包含开始标记后跟包含的镜像innerHTML,我们可以将outerHTML从0(开始标记的开头)子串到innerHTML开始的位置(开始标记的结尾),并且因为innerHTML是outerHTML的镜像,除了对于开始标记,只剩下开始标记!

这个适用于<br>标签,<meta>标签和其他空标签:

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

因为innerHTML在自闭标签中是空的,并且indexOf('')总是返回0,所以上述修改检查是否存在innerHTML第一个.

***这非常不安全***。例如当**`elem.outerHTML ==='<p> p </ p>'`**时。或任何其他情况，innerHTML的文本都是tagName的子集或其属性之一甚至是属性的值！ (2认同)

Answer 2

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