如何在字符串中查找特定单词并添加类(Javascript)

时间:2019-05-26 07:46:17

标签: javascript jquery html split

P元素中有一个文本。在此文本中,您可以通过单击鼠标来选择一些术语。但是我想在其他类中显示一些先前选择的单词

我想在本文中查找特殊词并添加课程。

相关部分

var previosSelectedWords = 'aute,dolor,ex,sed,velit'; // previos selected words
var PSW = previosSelectedWords.split(',');

for (var i = 0; i < words.length; i++) {
    if (PSW[i] == words[i]) {
      wrapped.push('<span class="previosSelecteds">' + words[i] + '</span>');
    } else {
      wrapped.push('<span>' + words[i] + '</span>');
    }
  }

但是它不显示预选的单词。可能是什么原因?

1 个答案:

答案 0 :(得分:0)

问题出在你的循环上:两个数组都使用了相同的循环和相同的索引。

   // Loop through each word and wrap
for (var j = 0; j < PSW.length; j++) {
    for (var i = 0; i < words.length; i++) {
        if (PSW[j] == words[i]) {
            var prevS = '<span class="previosSelecteds">' + words[i] + '</span>';
            words[i] = prevS;
        } 
    }
}

for (var i = 0; i < words.length; i++) {
    if (!words[i].includes('previosSelecteds')) {
        wrapped.push('<span>' + words[i] + '</span>');
    }
    else {
        wrapped.push(words[i]);
    }
}