Question

我想将以下代码包装在带有jQuery wrap的div中：

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

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

使用wrap函数，我不知道如何调用这些元素。

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

Answer 1

试试这个：

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

Answer 2

您可以使用多重选择器 -

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

演示 - http://jsfiddle.net/jEkVC/

Answer 3

试试这个：

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

请注意，因为您正在按类选择，如果您在一个页面上有多个这些元素的实例，则它们将全部包含在1个div中，而不是每组ol和2x {{1每个a

的元素

Example fiddle

如何将allAll元素包装到ahref元素中

3 个答案: