使用jQuery選擇DOM和昌它

Question

我的HTML代碼是：

<h2>123</h2> 
<p>123</p> 
<h3>123<h3> 
<p>123</p> 
<h2>456</h2> 
<p>123</p> 
<h3>123<h3> 
<p>123</p> 
<h2>456</h2> 
<p>123</p> 
<h3>123<h3> 
<p>123</p> 

我想他們是這樣的：

<div> 
    <h2>123</h2> 
    <p>123</p> 
    <h3>123<h3> 
    <p>123</p> 
</div> 
<div> 
    <h2>456</h2> 
    <p>123</p> 
    <h3>123<h3> 
    <p>123</p> 
</div> 

和頁面沒有改變，只是標籤的變化

如何做到這一點使用JQuery的？

Answer 1

您可以使用nextUntil()進行分區元素，wrapAll()創造周圍<div>元素：

$("h2").each(function() { 
    $(this).nextUntil("h2").andSelf().wrapAll("<div></div>"); 
});