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

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 colors = [
  [ 'En',   'red' ],
  [ 'Ru', 'green' ],
  [ 'De',  'blue' ],
];

document.querySelectorAll('.some-link').forEach(n => {
  n.style.color = colors.find(m => n.innerText.includes(m[0]))?.[1];
});