Chciałbym owinąć następujący kod w Div z wrap jquery:

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

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

Korzystanie z funkcji Wrap, nie wiem, jak nazwać te elementy.

<script type="text/javascript">
    $(function() {
        $('ol').each(function(i, e) {
            $(e).nextUntil('.next').wrapAll('<div>');
        });
    });
</script>
1
Ruud 24 listopad 2011, 14:15

3 odpowiedzi

Najlepsza odpowiedź

Możesz użyć wybieraka wielu -

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

Demo - http://jsfiddle.net/jekvc/

0
ipr101 24 listopad 2011, 10:19

Spróbuj tego:

$('ol.pagination-links, a.prev, a.next').wrapAll('<div>');
1
DiogoDoreto 24 listopad 2011, 10:21

Spróbuj tego:

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

Bądź jednak świadomy, ponieważ wybierasz klasami, jeśli masz wiele instancji tych elementów na jednej stronie, wszystkie zostaną owinięte w 1 div, w przeciwieństwie do każdej grupy ol i 2x a elementy za div

Przykładowe skrzypce

0
Rory McCrossan 24 listopad 2011, 10:22