jquery - 如何使用 jQuery 将 HTML 包裹在文本节点周围？

Question

<div class="pagination">
  <a href="#">1</a>
  <a href="#">2</a>
  3
  <a href="#">4</a>
</div>

我需要使用 jQuery 将 HTML 元素包裹在数字“3”周围。我无法修改 HTML，因为它是动态生成的。

Answer 1

我有一个similar question它包含所有杂散文本

$(function() {

    var test = $('.pagination')
        .contents()
        .filter(function() {
            return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
        })
        .wrap('<span/>');

});​

刚刚对 wrap() 和 wrapAll() 有一点小小的困惑。 here's a demo