javascript - jQuery 在点击事件中排除特定的 TD？

Question

如何从我在下面创建的 jQuery 的 row 事件中排除特定的 TD(如第一个)？

jQuery("#list tbody tr").click(function(){
alert('click this');
//some code here
});

jQuery("#list tbody tr td.exclude").click(function(){
alert('click not that');
//some code here
});

td { border: 1px solid black; padding: 5px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="list">
    <tr>
        <td class="exclude">first</td>
        <td>second</td>
        <td>third</td>
    </tr>
    <tr>
        <td class="exclude">first</td>
        <td>second</td>
        <td>third</td>
    </tr>
</table>

我需要能够为我的 行 设置一个事件，但从所有 TD 类 exclude 中排除，这可能吗？

Answer 1

您可以使用 not 方法排除一个元素:

$('#list tr td').not('.exclude').on('click', function(e) {
    console.warn('click!');
});