使用 jquery 将包装器添加到 div 的最佳方法是什么？

Question

您好，我正在尝试访问add a wrapper class "wrprcls"以下 html下面是 html -<span aria-current="page" class="page-numbers current">1</span>    <a class="page-numbers" href="google.com;paged=2">2</a>    <a class="page-numbers" href="google.com&amp;paged=2">2</a>    <a class="next page-numbers" href="google.com;paged=2">Next »</a>想要 -<div class="wrprcls"><span aria-current="page" class="page-numbers current">1</span>        <a class="page-numbers" href="google.com;paged=2">2</a>        <a class="page-numbers" href="google.com&amp;paged=2">2</a>        <a class="next page-numbers" href="google.com;paged=2">Next »</a></div>我试过了jQuery( "span.page-numbers.current" ).wrap( "<div class='wrprcls'></div>" );但它没有按预期工作。

Answer 1

试试这个

jQuery(".page-numbers").wrapAll("<div class='wrprcls'></div>");

演示 - https://jsfiddle.net/vyspiansky/Lvqzkyj1/

Answer 2

你可以这样做：

$("span.page-numbers.current").siblings().addBack().wrapAll("<div class='wrprcls'></div>");

.wrprcls { border: 1px solid pink }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<span aria-current="page" class="page-numbers current">1</span>

<a class="page-numbers" href="google.com;paged=2">2</a>

<a class="page-numbers" href="google.com&amp;paged=2">2</a>

<a class="next page-numbers" href="google.com;paged=2">Next »</a>