获取构成Jquery或Javascript中元素的HTML？

Question

如何使用Jquery或Javascript获取构成元素的HTML？ 例如，如果我有一个看起来像

的元素

<div id="theDivIWant" class="aClassName" style="somestyle: "here"></div>

我可以使用

获取对它的引用

var x = document.getElementById（“theDivIWant”） 或$（“＃theDivIWant”）

但我怎样才能真正检索字符串？

"<div id="theDivIWant" class="aClassName" style="somestyle: "here"></div>"

Answer 1

outerHTML属性会在IE中为您提供所需内容;在webkit和firefox中，您可以获取父级的innerHTML并对其进行过滤：

var whatYouWantPlusItsSiblings = $('#target').closest().html();

从那里，您可以删除不需要的内容。或者，如果您可以控制标记，则可以使用另一个众所周知的元素包围目标并获取该父级的innerHTML。

Answer 2

您可以使用jQuery实现outerHTML。

Answer 3

如果它是其父母的唯一孩子，这应该有效：

$('#theDivIWant').parent().html();

如果它不是唯一的孩子，你可以将上面的代码与一些正则表达式结合起来，只从结果中提取它。