Как реализовать: если в конце URL есть пара заданных букв, то скрыть div 1 если нет, то скрыть div 2?

Question

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

На странице есть неск. divкаждый со своим id
Я хочу проверить URL текущей страницы (на которой нахожусь) на наличие в окончании комбинации из неск. символов и если таковы имеются, то скрыть divс заданным id и обратное.
Например, я нахожусь на странице /page и проверяю есть ли в конце урла символы ru, их нет значит скрываю div id="1" → конец.
Если нахожусь на странице /pageru и проверяю есть ли в конце урла символы ru, и они есть значит скрываю div id="2" → конец.
Как на JS или jQuery реализовать подобное?

Answer 1

[Stockholm Syndrome]

const id = /ru$/.test(window.location.pathname) ? '2' : '1';

document.querySelector('#' + id).style.display = 'none';
// jQuery
$('#' + id).hide();

Comments

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

Ничего не происходит, оба блока видны.. id подставил.
# должен так и остаться?

[Stockholm Syndrome]

Виктор Гузинов, ой, перепутал, метод test же у регулярок, обновил ответ

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

Stockholm Syndrome, супер, работает отлично )
Спасибо за помощь ..еще раз ))

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

Stockholm Syndrome, а подскажите пожалуйста еще как изменить код если я хочу скрыть по два div сразу?
типа скрыть id 1 и id 8 либо id 2 и id 5

[Stockholm Syndrome]

Виктор Гузинов,

const ids = /ru$/.test(window.location.pathname) ? ['1', '8'] : ['2', '5'];

ids.forEach((id) => document.getElementById(id).style.display = 'none');
// jQuery
ids.forEach((id) => $('#' + id).hide());

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

Stockholm Syndrome, благодарю!

Answer 2

[dollar]

URL текущей страницы хранится в location.href
Скрыть div можно через .style.display = 'none'

Comments

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

Спасибо, это кстати мне известно )
А вот вопрос как это связать в условие...

[dollar]

Условие в лоб:

if (location.href.substr(-2) == "ab") {
  document.getElementById('1').style.display = 'none';
} // esle { ..... }

А вы, кстати, на каком уровне JS знаете и знаете ли вообще?