Как заменить адрес ссылки при нажатии?

Question

[Гарольд]

Как можно при нажатии на кнопку(класс) .show удалить\\заменить значение href на ' ' у тега a?

Есть разметка

<a class="show" href="#">Показать меню</a> <!-- Показывает всплывающее окно -->
<ul>
   <li>
      <a href="/link/link">Ссылка</a> <!-- При нажатии .show заменяет href на # или ' ' (лист с ссылками)-->
      <ul>
           <li><a href="">Ссылка</a></li> <!-- href не меняется (субменю)-->
      </ul>
   </li>
</ul>

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

Answer 1

[Гарольд]

if ($(window).width() < 1025) { $('.class > li > a').removeAttr("href"); }

<ul class="class"></ul>

Answer 2

[Damir Makhmutov]

В самом простом случае, если вам необходимо только отменить переход по ссылке - достаточно вызвать e.preventDefault();

link.addEventListener('click', function (e) {
    e.preventDefault();
});

Если необходимо прям изменить ссылку - то можно сделать так:

link.addEventListener('click', function (e) {
    this.href = 'example.com';
});

Comments

[Гарольд]

e.preventDefault(); - тоже смотрел.
Работает такая конструкция onclick="this.href='#';return false;"
Это если сразу добавить в верстку. Но, необходимо добавить при нажатии на кнопку. Вот с этим проблемы.

[Гарольд]

Точнее проблемы с тем, что убиваются все ссылки, даже которые нужны