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