I have the following HTML structure:
$('#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>
An approach like this should work, though I'm guessing there are many different ways of doing this:
$('#subgroup h3').each(function() { $(this).nextUntil('h3').wrapAll('<div></div>'); });
2.1m questions
2.1m answers
60 comments
57.0k users