使用 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&nbsp;class='wrprcls'></div>");演示 -&nbsp;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>