Get the markup of an element, including itself using jQuery

Posted by – January 6, 2014

接手同事的 code,需要接續 AJAX 的資料對前端頁面進行更動。

假設一段 html code 如下:

<div id="container" class="wrapper">
 <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>

以下 jQuery 語法可以其得其中的 html 元素:

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

不過卻不包含 <div id="container"> 本身,如果要取得包含自身的 html,應改為如下:

$('#container').get(0).outerHTML;

注意不論是取 $('.wrapper') 還是 $('#container') 都要用 get(0) 指定 DOM 元素。

Leave a Reply

Your email address will not be published. Required fields are marked *