封装元素的文本而不是整个元素

Question

我有一个包含链接的列表，但当前的寻呼机项目（li.pager-current）除外。我想用链接封装它。

来源html：

<ul class="pager">
    <li class="pager-first first"><a href="...">« eerste</a></li>
    <li class="pager-previous"><a href="...">‹ vorige</a></li>
    <li class="pager-item"><a href="...">1</a></li>
    <li class="pager-current">2</li>
    <li class="pager-item"><a href="...">3</a></li>
    <li class="pager-next"><a href="...">volgende ›</a></li>
    <li class="pager-last last"><a href="...">laatste »</a></li>
</ul>

我当前的代码是：

$('ul.pager li.pager-current').wrapAll(<a />);

进入：

    <a><li class="pager-current">2</li></a>

但想要的结果是：

    <li class="pager-current"><a>2</a></li>

Answer 1

我建议：

$('.pager-current').wrapInner('<a href="#"></a>');

JS Fiddle demo

或者，使用html()：

$('.pager-current').html(function(i,h){
    return '<a href="#">' + h + '</a>';
});

JS Fiddle demo

参考文献：

• html()。
• wrapInner()。