使用jQuery获取自己的HTML代码

Question

<div>
  <a href="#" class="selected">link1</a>  
  <a href="#">link1</a>
</div>

并使用以下

$('.selected').html() 我明白了

link1

作为回报值.

如何获取所选DOM元素的完整html代码,在此示例中获取

<a href="#" class="selected">link1</a>

代替？

谢谢

Answer 1

jQuery对象:

$('.selected')

成为DOM对象:

$('.selected')[0]

更新:

var str = $("<div />").append($('.selected').clone()).html();
console.log(str);

Answer 2

我知道这适用于Chrome,不知道其余的:

$("#yourElement")[0].outerHTML

该属性来自javascript(不是jQuery),并为您提供所需的内容.

Answer 3

我做了一个类似于上面的解决方案，但没有克隆。

var test = $('#test').wrap('<div class="wrap-unwrap"></div>');
var str = test.parent().html();
test.unwrap();
console.log(str);