javascript - 用 DIV 包装 HTML 直到下一个 H3

Question

我有以下 HTML 结构:

$('#subgroup a').nextUntil('h3').wrapAll('<div></div>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="subgroup">
  <h3>Group name #1</h3>
  <a href="#">Link #1</a>
  <a href="#">Link #2</a>
  <h3>Group name #2</h3>
  <a href="#">Link #3</a>
  <a href="#">Link #4</a>
</div>

我有这个平面结构是因为我想使用 jQuery UI 的 Accordion 效果。我想将所有 a 元素包装在 h3 元素之间。

但这导致一些a 元素消失了。我已经尝试了很多选择器，但没有一个起作用。我这样做对吗？

Answer 1

像这样的方法应该可行，但我猜有很多不同的方法可以做到这一点:

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