Как изменить цвет ссылки при наличии в ней определённого текста?

Question

[merelyJunior]

Нужно изменять цвет ссылки в зависимости от её текста.
К примеру, нашли в тексте ссылки Ru - желтый, En- красный и т.д.

<a class="some-link">En<a/>
<a class="some-link">En<a/>
<a class="some-link">Ru<a/>
<a class="some-link">De<a/>
<a class="some-link">De<a/>
<a class="some-link">IT<a/>

var subject = $(".some-link").text();
var russian = /Ru/g;
var ruReg = subject.match(regex);
if ( ruReg ) {
   $(".some-link").text().css("color", "yellow");
}

Answer 1

[goshaLoonny]

$(".some-link").each((i, el) => {
  if ($(el).text().match(/Ru/g)) {
    $(el).css("color", "yellow");
  }
})

Comments

[merelyJunior]

Так просто что даже стыдно,спасибо!

Answer 2

[0xD34F]

Кого будем перекрашивать, и в какие цвета:

const className = 'some-link';
const colors = {
  En:   'red',
  Ru: 'green',
  De:  'blue',
};

Перекрашиваем текст в случае точного совпадения:

for (const n of document.getElementsByClassName(className)) {
  n.style.color = colors[n.textContent];
}

Или, смотрим наличие подстроки, регистр не важен:

document.querySelectorAll(`.${className}`).forEach(function(n) {
  n.style.color = this.find(m => m[0].test(n.innerText))?.[1];
}, Object.entries(colors).map(n => [ RegExp(n[0], 'i'), n[1] ]));

Можно и без регулярных выражений:

- RegExp(n[0], 'i')
+ n[0].toLowerCase()

- m[0].test(n.innerText)
+ n.innerText.toLowerCase().includes(m[0])