javascript - 在 jquery 中将父节点添加到一组节点

Question

所以我有以下结构:

  <h3>I.</h3>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    <ol>    
        <li>1.</li>
        <li>2.</li>
        <li>3.</li>
    </ol>
    <p>Some text</p>

    <h3>II.</h3>
            <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>

    <p>Some text</p>
    <ol>    
        <li>1.</li>
        <li>2.</li>
        <li>3.</li>
    </ol>
    <h3>III</h3> 
    etc

我想以这种方式添加一个 div 元素:

  <h3>I.</h3>
   <div>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    <ol>    
        <li>1.</li>
        <li>2.</li>
        <li>3.</li>
    </ol>
    <p>Some text</p>
   </div>
    <h3>II.</h3>
   <div>
            <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>

    <p>Some text</p>
    <ol>    
        <li>1.</li>
        <li>2.</li>
        <li>3.</li>
    </ol>
  </div>
    <h3>III</h3> 
    etc

我设法弄清楚如何让元素到达下一个 h3，但后来我被卡住了。

var elements = $("h3").nextUntil("h3");
            elements.wrapAll("<div>");

Answer 1

由于有多个 h3 元素，您需要遍历它们并在循环中使用 nextUntil():

$('h3').each(function() {
    $(this).nextUntil('h3').wrapAll('<div />');
});

Example fiddle