Как убрать ссылку с элемента, если он внутри тега а?

Question

[Yana]

Как убрать ссылку с div, если он внутри тега а?

div - это dropdown, и при клике на него происходит переход по ссылке, а не открытие dropdown.

Вложенность элементов нельзя менять.

Перепробовала разные вариации с preventDefault() и stopPropagation(), безуспешно.

Answer 1

[Григорий]

1 - Нужно семантически верно сверстать блоки и не будет таких проблем - внутри ссылки не должно быть каких-то интерактивных элементов
2 - Проверил preventDeafault всё отработало

Answer 2

[Wordstat202323]

Вы можете использовать следующий код, чтобы убрать ссылку с div:

$('a').click(function (e) {
e.preventDefault();
});

Этот код отменяет переход по ссылке при клике на div.

Comments

[ThunderCat]

Этот код отменит переход по ссылке вообще, а не только на див. Есть разница.

Answer 3

[Александр]

Есть решение, использую следующий код:

$(".main-cat-menu .arrow > a").on("click", function (e) {
	$(e.target).hasClass("toggle_catalog") && e.preventDefault();
});