jQuery 获取容器的 html，包括容器本身

javascript jquery

2022-08-30 01:59:20

我如何在“#container”上获取html，包括“#container”，而不仅仅是其中的内容。

<div id="container">
 <div id="one">test 1 </div>
 <div id="two">test 2 </div>
 <div id="three">test 3 </div>
 <div id="four">test 4 </div>
</div>

我有这个，它#container里面的html。它不包括#container元素本身。这就是我想要做的

var x = $('#container').html();
$('#save').val(x);

答案 1

如果将容器包装在虚拟标记中，则还将获得容器 HTML。P

您需要做的就是

var x = $('#container').wrap('<p/>').parent().html();

到标签完成后，您可以添加unwrap()<p>

$('#container').unwrap();

答案 2

var x = $('#container').get(0).outerHTML;

更新：FireFox 11（2012 年 3 月）现在支持 Firefox

正如其他人所指出的那样，这在FireFox中不起作用。如果你需要它在FireFox中工作，那么你可能想看看这个问题的答案：在jQuery中，是否有任何类似于html（）或text（）但返回匹配组件的全部内容的函数？