Как с помощью JS подставить URL тек. страницы в href + добавить хвост к ссылке?

Question

[Виктор Гузинов]

Например, мы находимся на странице /page
Есть код:
<div class="classname"><a href="">Ru</a></div>
Я хочу подставить /page в код + добавить "хвост" ru
И получить что-то типа:

<div class="n=classname"><a href="/pageru">Ru</a></div>

То есть находясь на странице /page, человек должен кликнуть на кнопку Ru и попасть на /pageru
Как это сделать на JS или jQuery?

Answer 1

[Stockholm Syndrome]

document.querySelector('div.classname a').href = window.location.pathname + 'ru';

Comments

[Виктор Гузинов]

Хммм.. работает четко. Я подлиннее код ожидал )
Спасибо огромное.
Еще один вопрос.. я так понял скрипт обрабатывает только первый div в дереве, а у меня их 2 и почему-то first() и last() не работает.
Я так понял эти функции из jQuery а ваш код JS?
Как мне выбрать первый или второй (например) div?

[Stockholm Syndrome]

Виктор Гузинов, document.querySelectorAll('div.classname a') возвратит все такие ссылки в div'ах
если нужно для всех установить href

const items = document.querySelectorAll('div.classname a');
items.forEach((item) => item.href = window.location.pathname + 'ru');

то же самое с помощью jQuery

$('div.classname a').attr('href', window.location.pathname + 'ru');

если нужно только для первой/последней ссылки

$('div.classname a').first().attr('href', window.location.pathname + 'ru');
$('div.classname a').last().attr('href', window.location.pathname + 'ru');

[Виктор Гузинов]

Stockholm Syndrome, благодарю за развернутый ответ!

[Виктор Гузинов]

Stockholm Syndrome подскажите плз, а как убрать ru из ссылки?
т.е. url положить в href, но не добавить а убрать ru

[Stockholm Syndrome]

Виктор Гузинов, вам повезло, что именно сейчас зашёл))
всё по аналогии, только вместо window.location.pathname + 'ru' пишем window.location.pathname.slice(0, -2)
если я правильно понял

[Виктор Гузинов]

Stockholm Syndrome, да, я об этом
но пока не тестил, сейчас попробую
Спасибо )