使用 jQuery 将文本字符串替换为 span

replace text string with span using jQuery

本文关键字：替换 span 字符串 文本 jQuery 使用      更新时间：2023-09-26
如何使用

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>

试试这个：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());
});

我真的不了解jQuery，所以这里有一种纯JavaScript的方法：

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