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