Добавить класс строке таблицы с определённым содержимым

#javascript #html

Здравствуйте, ребята!

Итак, у меня к вам такой вопрос. Как с помощью Javascript найти в таблице слово,
и если есть такое слово найдено, то добавить класс, например highlight?

Таблица такая:

 № | Команда | Игра | Очки
---+---------+------+------
 1 | Бавария | 1    | 3


Надо найти в таблице слово «Бавария» и добавить ему класс highlight.

Было так:


    1
    Бавария
    1
    3



И в результате получаем:


    1
    Бавария
    1
    3



Заранее спасибо.
    

Ответы

Ответ 1

Элементарный перебор строк и поиск совпадений: есть совпадение - подсвечиваем!



// Слово для поиска
let word = 'Бавария'.toLowerCase();

// Перебираем все строки
Array.from(document.querySelectorAll('tr')).forEach(e => 
  // Если в строке есть заданное слово - добавляем класс строке
  e.innerHTML.toLowerCase().includes(word) ? e.classList.add('highlight') : null
);
th{
  text-align: left
}
.highlight{
  background: rgba(0,0,0,.2);
}

  

    
№
    
Команда
    
Игра
    
Очки
  
  

    
1
    
Бавария
    
1
    
3
  
  

    
2
    
Швеция
    
3
    
4
  
  

    
3
    
Люксембург
    
11
    
1