获取所选元素的外部HTML

我试图用jQuery获取所选对象的HTML。我知道.html（）函数；问题是我需要包含所选对象的HTML（在本例中为表行，其中.HTML（）仅返回行内的单元格）。

我四处搜索，发现了一些非常“黑客”类型的方法来克隆对象，将其添加到新创建的div等，但这似乎真的很肮脏。有没有更好的方法，或者jQuery（1.4.2）的新版本是否提供任何类型的outerHtml功能？

当前回答

关于：prop（'outerHTML'）呢？

var outerHTML_text = $('#item-to-be-selected').prop('outerHTML');

要设置：

$('#item-to-be-selected').prop('outerHTML', outerHTML_text);

这对我有用。

PS：这是jQuery1.6中添加的。

其他回答

你可以在这里找到一个很好的.outerHTML（）选项https://github.com/darlesson/jquery-outerhtml.

与仅返回元素的html内容的.html（）不同，此版本的.outerHTML（）返回所选元素及其html内容，或将其替换为.replaceWith（）方法，但不同之处在于，替换的html可以通过链接继承。

示例也可以在上面的URL中看到。

$.html=el=>$（“<div>”+el+“</div>”）.html（）.trim（）；

这对于更改dom上的元素非常有用，但在将html字符串传递到jquery时不适用，如下所示：

$('<div id="foo">Some <span id="blog">content</span></div>').find('#blog').outerHTML();

经过一些操作后，我创建了一个函数，该函数允许以上内容在ie中用于html字符串：

$.fn.htmlStringOuterHTML = function() {     
    this.parent().find(this).wrap('<div/>');        
    return this.parent().html();
};

jQuery插件作为直接获取整个元素HTML的速记：

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

并像这样使用：$（“.element”）.outerHTML（）；

$("#myTable").parent().html();

也许我没有正确理解您的问题，但这将获得所选元素的父元素的html。

这就是你想要的吗？

推荐文章