找到匹配的单词并加下划线-但仅单词

Posted 2023-01-30

我在尝试搜索和加下指定单词的所有实例的地方有此代码：

$(".test:contains('moon')").css("text-decoration", "underline");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="test">The cow jumped over the moon</div>

以上是全文的重点。

如何使它仅在“ moon”的实例下划线？

答案

使用当前代码，您正在将样式应用于包含搜索到的element的整个word。

另一答案

迭代每个元素，并.replace及其innerhtml：