Как написать class вместо цвета?

Question

[Eugene]

Как правильно записать класс вместо цвета в этом месте .style.color = 'red';

$(function () {
    for (var lnk = document.links, j = 0; j < lnk.length; j++)
        if (lnk [j].href == document.URL) lnk [j].style.color = 'red';
});

Answer 1

[VegasChickiChicki]

.classList.add('нужный класс');

Comments

[Eugene]

Работает!
Еще момент! Как сделать чтобы у конкретного списка это работало, а то получается у всех ссылок на странице добавляет, как указать чтобы добавлялась к уже существующему классу или идентификатору.

[Михаил]

Евгений М., вы же получаете все ссылки document.links и удивляетесь что ставится на все ссылки?

[Eugene]

Михаил, я и спрашиваю как к конкретному списку ul.menu записать запись?

[Михаил]

Евгений М.,

$('ul.menu a').each((link) => {
  // так
  link.css('color', 'red');
  // или так, не помню, нужно ли оборачивать
  $(link).css('color', 'red');
});

// или так
$('ul.menu a').css('color', 'red')

[VegasChickiChicki]

Евгений М.,
let lnk = document.querySelectorAll('ищем нужный список');

Пример:

let lnk = document.querySelectorAll('header .main-links ul');

Тут идет обращение к header в котором лежит котнейнер с классом .main-links в котором лежит ul.

То есть:
#someID - решетка перед названием если обращение идет к айди
.someClass - точка перед названием если обращение идет к классу
header\foodet\div\ul\li - ничего если обращение идет к типу "контейнера"

[Eugene]

Михаил, так у всех получается, а нужно у активной.

[Михаил]

Евгений М., вы в состоянии нормально написать что вам нужно?

[Eugene]

Михаил, чтобы добавлялся class у активной ссылке в списке с определенным идентификатором или классом, а не у всех списков подряд. Такой код добавляет class у всех ссылок на странице а нужно только для конкретного списка.

$(function () {
    for (var lnk = document.links, j = 0; j < lnk.length; j++)
        if (lnk [j].href == document.URL) lnk [j].classList.add('active');
});

[Михаил]

$('#menu a.active').addClass('что-нибудь')

[Ankhena]

На JQ класс добавляется так $(".block").addClass("your-class")
Хотя там не разберешь что в коде, каша какая-то.