使用jQuery替换带有span的文本字符串

Question

如何找到字符串并使用jQuery将其包装到span中？例如，

<p>
  <span class="span1">afijaifjiaj</span>
  ajfijaogoag
  <span class="span1">afijaifjiaj</span>
  aokaodgg
  <span class="span1">afijaifjiaj</span>
</p>

我想把它作为：

<p>
  <span class="span1">afijaifjiaj</span>
  <span class="span2">ajfijaogoag</span>
  <span class="span1">afijaifjiaj</span>
  <span class="span2">aokaodgg</span>
  <span class="span1">afijaifjiaj</span>
</p>

Answer 1

试试这个：http://jsfiddle.net/3nxjk/ 或 http://jsfiddle.net/3nxjk/3/

nodeType - 3表示元素或属性中的文本内容。

和$(this).text().trim()修剪空格并检查有效字符串。

休息应符合您的需要:)

<强>代码

$(document).ready(function () {
    $("p").contents().filter(function () {
        return this.nodeType === 3 && $(this).text().trim() != "";
    }).wrap('<span class="span2">');

    alert($('p').html());
});

Answer 2

我真的不知道jQuery，所以这里有纯JavaScript的方法：

var stringToReplace='randomtext';
dpcument.body.innerHTML=document.body.innerHTML.replace(stringToReplace,'<span>'+stringToReplace+'</span>');