Question

我正在尝试在文本字符串中查找连接词并将其从大写转换为小写。

我设法使用它来使其工作：

$(".breadlinks:contains('or')").html(function(_, html) {
    return  html.replace(/(or)/g, '<span class="smallcaps">$1</span>')
});

但是，如果单词不是or，但它像or一样包含order，则该单词有效，我只希望它将文本包装在smallcaps类中完全匹配。

这是JSFiddle https://jsfiddle.net/zjfrk3nd/16/

的链接

Answer 1

我认为您需要从链接中选择整个文本，然后为“或”做一个正则表达式，例如：jQuery replacing "small-caps" - Content is Duplicating HTML between <h3> tags

Answer 2

尝试一下

$(".breadlinks:contains('Or')").each(function() {
    var updatedHtml = $(this).html().replace(/(?:^|\b)(Or)(?=\b|$)/, '<span class="smallcaps">$1</span>');
    $(this).html(updatedHtml);
});

检查链接是否包含完全匹配的文本

2 个答案: