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

Question

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

我已经设法让它工作了，使用下面的代码：

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

但是如果单词不是or，但是它像order一样包含or，我只想让它在smallcaps类中包装文本，如果它完全匹配。

这是JSFiddle https://jsfiddle.net/zjfrk3nd/16/的链接

Answer 1

我认为你需要从链接中选择整个文本，然后为"or“做一个正则表达式，就像这里：jQuery replacing "small-caps" - Content is Duplicating HTML between tags

Answer 2

尝尝这个

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