javascript - 使用 jquery 突出显示相似的文本

Question

我有大文本容器，我想使用 jquery 比较和突出显示它们。这里回答的问题 highlight a word with jquery是完美的，除了它包含重复的文本。这是一个例子

<div id="source">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
<div id="similar1">Lorem ipsum dolor</div>
<div id="similar2">consectetuer adipiscing elit</div>

现在我想将 similar1 和 similar2 与源 div 匹配。上面链接中的解决方案建议使用以下代码:

 $("#similar1").highlight("Lorem ipsum dolor sit amet, consectetuer adipiscing elit.");
 $("#similar2").highlight("Lorem ipsum dolor sit amet, consectetuer adipiscing elit.");

如您所见，我每次都必须重复源文本。是否可以直接从source div获取内容？即

 $("#similar1").highlight($('#source').val());

Answer 1

.val() 应仅用于输入字段，例如文本字段、下拉菜单等

您应该使用 .text() 或 .html() 来获取元素的内容，例如 div/span/e.t.c

试试下面，

$("#similar1").highlight($('#source').text());