Javascript jQuery包含更长的单词

这是我当前突出显示包含单词Dexter的消息的方法。然而，有时在聊天中人们会说灵巧，这也会被强调。我正在寻找一种只突出“Dexter”这个词的外观的方法

---

该消息可能包含其他内容。例如，下面是一条消息： 德克斯特：事实上，德克斯特

---

它包含单词actual，而使用text函数无法匹配该单词。

如果希望严格匹配文本

$.extend($.expr[':'], {
'containsi': function(elem, i, match, array)
{
return (elem.textContent || elem.innerText || '').toLowerCase()
.indexOf((match[3] || "").toLowerCase()) >= 0;
}
});
window.setInterval(function() {
$("div[class^='chat-box-content'] div[class^='message'] span:containsi(Dexter)").css("background","greenyellow");
},1000);

应该是

span:containsi(Dexter)

更新：

在这种情况下，您应该使用过滤器

span:text(Dexter)

---

该消息可能包含其他内容。例如，这里有一条消息：Dexter：事实上，Dexter它包含单词factly，这是不匹配的。这似乎不起作用。它仍然只突出显示包含单词Dexter的消息，但如果它包含任何其他内容，它不会用适当的正则表达式检查替换比较，因此您可以继续。我不知道如何使用提供的代码执行此操作。您是否要求匹配消息的一部分？您不能使用选择器来选择单词，只能选择完整的元素。我现在所做的工作是，它突出显示包含Dexter的每条消息。然而，人们经常会发送一条关于灵巧性的信息，这也会被强调，尽管这是不必要的。我只想要包含Dexter的消息。在这种情况下，您应该获取元素并检查特定文本。更新了我的答案。

var matchedElem= $("div[class^='chat-box-content'] div[class^='message'] span:containsi(Dexter)").filter(function() {
    return $(this).text() === 'Dexter';
}); 

matchedElem.css("background","greenyellow");