查找单词的所有实例并替换为HTML

时间:2016-07-26 08:50:33

标签: javascript jquery html

我试图找到所有单词" eNews"在页面上并替换为;

<span style="text-transform: lowercase;">e</span>News 

我在这里找到了一些其他的答案,但他们都是针对特定的课程。我尝试使用所有元素选择器来查找单词但是我写的替换只是替换了整个页面:

$('*:contains("enews")').each(function () {
    $(this).html('<span style="text-transform: lowercase;">e</span>News')
});

这是一个页面设置的小提琴,其中包含关于页面的文字:

https://jsfiddle.net/mxsmLLvm/

1 个答案:

答案 0 :(得分:6)

尝试替换:

$('*:contains("enews")').each(function () {
  $(this).html($(this).html().replace(/enews/gi,'<span style="text-transform: lowercase;">e</span>News'));
});

工作示例:https://jsfiddle.net/u9uL5xeb/