Javascript 如何使用jquery在单击时获取完整的HTML代码

我有下面的HTML代码

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

当我需要

时，仅在

Google

上使用字符串警报，或者将元素包装在容器中，并在该容器上使用

.html（）

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

---

我更喜欢

outerHTML

，但Firefox最近才添加了对它的支持。因此，对于这些浏览器，第二种方法可能是首选的。

如果您需要跨浏览器获取

outerHTML

，您可以使用此插件：第二种方法可以类似这样使用：

$（this.clone（）.wrap（“”）.parent（）.html（）

谢谢Rob！这就解决了问题。我不知道有像outerHTML这样的东西。谢谢大家的建议。：）

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

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