在javascript中搜索并替换div的html中的文本，而不是标记中的文本

我有一些HTML结构，我想在这个HTML结构中搜索特定的文本。 参见下面的示例

<h1>Try to span some text on this page</h1>
    <div>
        span is a <span>paragraph</span>.</div>
    <p class="span ddd">This 123is a paragraph.1</p>

<div class="span ddd">This is some span in a div element.</div>

尝试跨越此页面上的一些文本
span是一个段落。
这是一个段落。1
这是div元素中的某个跨度。

现在，如果我正在搜索“span”文本，那么“span”单词应该用div标记包装。 但只有文本中的“span”字，而不是来自类或其他标记

我想要这样的输出（使用div或span换行）

尝试在这一页上跨越一些文本span是一个段落
这是一个段落。1
这是div元素中的某个span。

我不太确定这是否是您想要的。但像这样的事情应该行得通

$(function() {
    var found = $('div:contains("span")');
});

这是一把小提琴

如果您使用

*：contains

它将在HTML中搜索它

更新： 最初错过了更换零件。我有一个解决方案，但为此，您需要在搜索元素上添加一个包装元素。请检查我的小提琴。你会明白的。

尝试跨越此页上的一些文本
span是一个段落。
这是一个段落。1
这是div元素中的某个跨度。

我已经修改了你的html，附上了一个包装器来获取我的选择器。但您可以使用自己的选择器

$(document).ready(function(){
   var str=$('#wrapper').html();
   $('#wrapper').html(str.replace( new RegExp(" span ","g"),"<div>span</div>"));
});

$（文档）.ready（函数（）{
var str=$（'#wrapper'）.html（）；
$（'#wrapper'）.html（str.replace（newregexp（“span”，“g”），“span”）；
});

此代码将执行您需要的操作。 这是我的建议

---

如果您的问题已解决，请不要忘记将其标记为已解决。谢谢。

请将样本输出与主要问题一起附上，因为搜索变量来自输入，还是您想自己做？发布您尝试过的代码将有助于回答问题。

文本中只有“span”字

，您的意思是什么，有元素将所有内容都包装起来？我希望这样输出（使用div或span包装）尝试在此页面上跨出一些文本span是一个段落

这是一个段落。1

这是div元素中的某个span。请将示例输出放在问题中，而不是放在注释中。op希望搜索写在文本中的

span

s并替换为

span

，感谢它的帮助，但我在这个示例中遇到的另一个问题是，我还想搜索类似于“xyzspanlmn”的span，尝试在这个页面上选择一些文本，因为span是一个段落 这是一个段落。1

这是div元素中的一些文本。

<div id="wrapper"> 
    <h1>Try to span some text on this page</h1>
  <div>
    span is a <span>paragraph</span>.
  </div>
    <p class="span ddd">This 123is a paragraph.1</p>

    <div class="span ddd">This is some span in a div element.</div>
</div>

$(document).ready(function(){
   var str=$('#wrapper').html();
   $('#wrapper').html(str.replace( new RegExp(" span ","g"),"<div>span</div>"));
});