读取文字并通过div标签使用它

Question

如果其中一些匹配，我想标记匹配的单词。 在网站上向用户显示不同颜色的词。

var main = document.getElementById("selectedItem").innerText;
var opinionTargets = ["screen", "cover", "size", "waterproof", "voice", "light", "price", "color"];
var words = main.split(' ');

$(".highlight").each(function () {
for (i = 0; i < main.length; i++){
  for (j = 0; j < opinionTargets.length; j++) {
    if (words[i] == opinionTargets[j]) {
        var target = words[i];
        $(target).css('color', 'yello');
    }
  }
 }

1）匹配的单词会改变我从“ selectedItem id”中检索到的文本的颜色 （div class =“ highlight” id =“ selectedItem”）

Answer 1

您不能使用选择器来定位特定单词。

您需要修改元素的HTML，以便将该单词包装在元素中（例如<em>screen</em>），然后可以定位该元素（或在CSS中具有预定义的样式）。