javascript - 使用 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>" );

但它没有按预期工作。

标签： javascripthtmljquery

Answer 1

试试这个

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

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