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

【问题标题】：How to get full HTML code onClick using jquery如何使用 jquery 获取完整的 HTML 代码 onClick
【发布时间】：2012-05-07 16:59:44
【问题描述】：

我有下面的 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);
});

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：