JQuery:如何在一个语句中获取所有选择器的html属性,作为字符串？

Question

我有一个看起来像这样的div:

<div id="exampleDiv" class="class1 class2" title="example title"></div>

我使用这个语句选择了JQuery:

var $div = $('#exampleDiv');

我想得到的是一个标签本身的字符串作为html,所以我实际得到:

"<div id='exampleDiv' class='class1'....", etc.

有没有人知道我可以使用的JQuery函数,给定选择器？我在想类似的$div.htmlHeader()东西.

任何帮助,将不胜感激.谢谢.

Answer 1

将元素克隆为新div,删除克隆的子节点,并打印父div的html:

var html = $("<div/>").append($("#exampleDiv").clone().empty()).html();

如果要打印的元素有很多后代,并且您不想承担克隆整个层次结构的成本,并且如果您不介意简单地保留jQuery DOM接口的安全性,那么您可以这样做:

var html = $("<div/>").append($("#exampleDiv")[0].cloneNode(false)).html();