Как применить e.preventDefault только к определенным ссылкам, а не ко всем?

Question

[error401]

Нужно применить preventDefault, только для ссылок с href="#", которые находятся в li с классом my_class.
Возможно ли так вообще использовать preventDefault и если да, то как синтаксически верно будет выглядеть такой код?

Answer 1

[0xD34F]

О каких ссылках идёт речь: const selector = 'li.my_class a[href="#"]';.

Обработчик клика можно назначать каждой ссылке индивидуально:

document.querySelectorAll(selector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.preventDefault());

Или один раз для всех:

document.addEventListener('click', e => {
  const link = e.target.closest(selector);
  if (link) {
    e.preventDefault();
  }
});

Answer 2

[Алексей Ярков]

$('li.my_class a[href="#"]')

Answer 3

[Антон Неверов]

$("a").on('click', function (e){
  if ($(this).attr('href') === '#' && $(this).parents('li.my_class').length) {
    e.preventDefault();
  }
});