Question

I would like to wrap the following code in a div with a jQuery wrap:

<ol class="pagination-links">
    <li>test</li>
    <li>test</li>
</ol>

<a class="prev" href="#">Prev</a>
<a class="next" href="#">Next</a>

Using the wrap function, I dont know how to call these elements.

<script type="text/javascript">
    $(function() {
        $('ol').each(function(i, e) {
            $(e).nextUntil('.next').wrapAll('<div>');
        });
    });
</script>

Answer 1

You could use a multiple selector –

$("ol.pagination-links,a.prev,a.next").wrapAll('<div>');

Demo – http://jsfiddle.net/jEkVC/