jQuery - 选择器

Question

如何将 onClick 操作绑定(bind)到除可点击元素之外的行？
例如，我有这样的表:

...
<tbody>
    <tr>
        <td>
            something
        </td>
        <td>
           <a href="some_url.php">link</a>
        </td>
    </tr>
</tbody>
...

如果我使用这样的代码: $('tbody > tr').click(function(){alert('clicked'); }); 那么当我单击行中的任何内容时(包括链接)我将执行我的函数。但我希望仅当我单击不可单击元素(在我的示例中为“a href”)时才执行它。

Answer 1

利用事件冒泡:

$('tbody > tr').click(function(e) {
    /* do something */
});

$('tbody > tr a[href]').click(function(e) {
    e.stopPropagation();
});

当单击链接时，它将照常工作，但会阻止单击事件冒泡到 tr，因此在这种情况下不会触发其单击处理程序。