javascript - 如何使用 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 直到最近才添加了对它的支持。因此，考虑到这些浏览器，可能首选第二种方法。