jQuery.html() 获取内部 html。但我需要整个 html [重复]

Posted 2023-05-07

【中文标题】jQuery.html() 获取内部 html。但我需要整个 html [重复]

【英文标题】：jQuery.html() gets inner html. but i need the entire html [duplicate]

【发布时间】：2011-02-04 08:05:56

【问题描述】：

如果我打电话

jquery("a").html()

我知道“a”标签的内部是什么

如果我想要整个 html，我该怎么称呼？

<a>xxxx</a>

【问题讨论】：

outerHTML 顺便说一句起源于这里：brandonaaron.net/blog/2007/06/17/jquery-snippets-outerhtml

【参考方案1】：

jQuery.fn.outerHTML = function() 
    return jQuery('<div />').append(this.eq(0).clone()).html();

jQuery('a').outerHTML(); // <a>xxxx</a>

【参考方案2】：

您想要的是outerHTML，并且没有直接的方法可以在jQuery 中获得它。你可以自己写函数

jQuery.fn.outerHTML = function() 
    return $('<div>').append( this.eq(0).clone() ).html();
;

$("yourselector").outerHTML();

在 javascript 中，您可以使用 outerHTML，但并非与所有浏览器都兼容。通过 outerHTML

抢夺战利品

【参考方案3】：

查看http://darlesson.com/jquery/outerhtml/ 的 jQuery .outerHTML() 插件。要从匹配的元素中获取 HTML，您需要以下内容：

$("a").outerHTML();