jQuery單擊事件未在最后一個孩子中觸發？

Question

這是我的HTML代碼

<table id='code'>
    <tr>
        <td>data1</td>
        <td>data2</td>
        <td>data3</td>
        <td class='action'>data4</td>
    </tr>
    <tr>
        <td>data1</td>
        <td>data2</td>
        <td>data3</td>
        <td class='action'>data4</td>
    </tr>
    <tr>
        <td>data1</td>
        <td>data2</td>
        <td>data3</td>
        <td class='action'>data4</td>
    </tr>

jQuery代碼是。

$('#code tr td').on('click',function(){
alert($(this).html());
});

這是我的jQuery代碼，這是工作。 所有td標簽上的此點擊事件。

但是我希望單擊事件僅在前三個td中td.action而不在td.action表示最后一個td 。

Answer 1

您可以使用：not（）或.not（）忽略與選擇器匹配的一組元素

$('#code tr td:not(.action)').on('click',function(){
    alert($(this).html());
});

演示： 小提琴

要么

$('#code tr td').not('.action').on('click',function(){
    alert($(this).html());
});

演示： 小提琴

Answer 2

$('#code tr').on("click","td:not('.action')",function(){
alert($(this).html());
});