Как добавить класс всем внутренним ссылкам на странице?

Question

[Владимир Кулеш]

Добрый день!

Разрабатываю шаблон. Для добавления анимации при переходе на другую страницу нужно всем внутренним ссылкам сайта добавить класс, чтобы при клике на такие ссылки запускалась анимация. Адрес сайта не известен - шаблон повторного применения. Реализовал следующим образом:

var css = 'a[href*="' + window.location.host + '"]';
var links = document.querySelectorAll( css );

for ( var i = 0; i < links.length; i++ ) {
    links[i].classList.add( 'link--js' );
}

Проблема в том, что в данном случае выбираются вообще все внутренние ссылки для сайта, и нужно исключить из них ссылки с хешем и прочими примесями, чтобы не добавлять класс в случаях, когда при клике по ссылке не осуществляется переход на другую страницу или перезагрузка открытой страницы. Подскажите, пожалуйста, каким образом нужно изменить код, чтобы выбрать только нужные ссылки?

Answer 1

[venanen]

document.querySelectorAll('a').forEach((current, index)=>{
     if(window.location.href.split('#')[0] !== current.href)
     current.classList.add( 'link--js' );
})

Comments

[Владимир Кулеш]

Спасибо, но немного не то: ваш код не добавляет класс к ссылкам на текущую страницу и добавляет класс к ссылкам с хешем.

Нужно выбрать все внутренние ссылки (в том числе и на текущую страницу), но исключить ссылки с хешем ( адреса типа site.ru/article-126/#comment-986 ) и адреса с примесями ( типа site.ru/article-126/?replytocom=987#respond ).