如何获取HTML标签中的所有内容？

Question

如何获取位于父标记内的代码。例如：

<div class="main">
   <p>This is a sample photo <img src="sample.jpg" /></>
</div>

如何获取<div class="main">中的所有内容，包括属性等？这段代码，<p>This is a sample photo <img src="sample.jpg" /></>，并把它放在一个变量中？

谢谢。

Answer 1

var html = $('.main').html();

应该这么做

这将返回使用main类找到的第一个元素的innerHtml。

Answer 2

使用普通的老式Javascript，你可以用innerHTML获得超文本标记语言内容。使用JQuery选择该特定元素，您可以使用：

Content = $(".main")[0].innerHTML;

如果找不到任何元素，或者希望遍历class = main的所有元素，则可能需要添加更多代码。