如何获取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获取HTML内容。使用JQuery选择特定元素，您可以使用：

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

如果没有找到元素，或者你想循环使用class = main的所有元素，你可能需要添加一些代码。