Как различить клик по `td` и клик по `a` в `td`?

Question

[mIndix]

При клике по `td` все работает исправно, но при клике по тегу `a`, отправляются оба ajax`а, что по сути верно, но как это можно исключить?

$("td[class^='addIn_']").click(function(){
	let id = $(this).attr('class').split('_').pop().trim();
	let data = $(this).attr('id').split('_').pop().trim();
	$.ajax({
		url: 'ajax/file1.php',
		data: {'id': id, 'data': data},
		success: function(data)
		{
			 $("body").append(data);
			 $("table").css("pointer-events", "none");
			 $("#addBlock").toggleClass("shadow");
		}
	});
});

$("td>a[class^='remove']").click(function(){
let id = $(this).attr('class').split('_').pop().trim();
	let data = $(this).attr('id').split('_').pop().trim();
	$.ajax({
		url: 'ajax/file2.php',
		data: {'remRab': id, 'remData': data},
		success: function(data)
		{
			 $("body").append(data);
			 $("table").css("pointer-events", "none");
			 	$("#addBlock").toggleClass("shadow");
		}
	});
});

Answer 1

[Михаил Р.]

$('td a').click(function(event){
    event.stopPropagation();
    // code from a
});

$('td').click(function(){
    // code from td
});

Comments

[mIndix]

Спасибо!!!