如何使用jquery获取完整的HTML代码onClick

Question

我有以下HTML代码

<a href="http://www.google.com">Google</a>

当我点击链接时，我希望我的字符串包含下面的完整HTML代码

<a href="http://www.google.com">Google</a>

我尝试过使用这种方法，但我只设法获取文本“Google”，无法获取锚码。

$('#frame').contents().find('body').on("click", "a",  function () {
    var string = $(this).html();
    alert(string);
});

当我需要Google时，仅提醒字符串<a href="http://www.google.com">Google</a>。

Answer 1

使用this.outerHTML，或将元素包装在容器中，并在该容器上使用.html()。

$('#frame').contents().find('body').on("click", "a",  function () {
    var string = this.outerHTML;
    alert(string);
});

我更喜欢outerHTML，但Firefox最近才添加了对它的支持。因此，考虑到这些浏览器，可能首选第二种方法。