jQuery，单击可点击元素内的元素

Question

我的HTML语法如下：

<table><tr><td id="click1"><a href="somelink.html" id="click2">here's the link</a></td></tr></table>

我有像这样的jquery语法

$('td#click1').ajaxify();
$('a#click2').fancybox();

我的问题是，如果我点击#click2，那么也会选择#click1。

如何在不调用#click2的情况下选择#click1？

Answer 1

$('a#click2').click(function(event){

    event.stopPropagation();

})

你可以调用stopPropagation，以防止事件冒泡DOM树。