По клику на контейнер переходим по ссылке (переход сделан на js), но как это отменить?

Question

[Zubastik_1]

Есть контейнер по клику на который переходим по ссылке, вот код jQuery:

$('body').on('click', '.myclass', function(e){
        document.location.href = 'index.html';

Проблема в том что в этом контейнере есть кнопка которая вызывает модальное окно. Как сделать так чтоб при нажатии на эту кнопку не отрабатывал переход по ссылке? То есть конструкция такая:

<container class="myclass"><a href="#modal" class='button">Кнопка</a></container>

Answer 1

[Andrew]

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

Или я что-то не так понял?

Answer 2

[0xD34F]

Проверяйте, где был клик:

$('body').on('click', '.myclass', function(e) {
  if (!$(e.target).hasClass('button')) {
    document.location.href = 'index.html';
  }
});

Или останавливайте всплытие событий при клике на кнопку:

$('.button').on('click', e => e.stopPropagation());

Answer 3

[Алекс]

Вариантик еще

$('body').on('click', '.myclass', function(e){
	if(!($('.button').is(e.target)))
		document.location.href = 'index.html';
})