javascript - 禁用第一列的点击事件

Question

有人可以帮我如何禁用第一列上的点击事件，其他列应该是可点击的。我尝试了几种不同的方法，例如切片

tr 元素之后的 td.slice() 以及 td:gt(0)

等，并没有成功。两天以来我一直在敲我的头，我没有在谷歌上找到任何相关的解决方案。

$('#Table tbody tr').on("click",function(){
                    var aPos Table.fnGetPosition(this);
                    var aData = Table.fnGetData( aPos[6] );
                    //aData = $(this).parent().parent().html();
                    xyz = $(this).parent().parent().find("td").eq(1).html();                    
                    yzx= $(this).parent().parent().find("td").eq(7).html();
                    zxy= $(this).parent().parent().find("td").eq(2).html();
                    alert(aPos);

            });

Answer 1

尝试stopPropogation在第一列单击DEMO

编辑：添加演示并修复.find('td:first')

$('#Table tr').find('td:first').on('click', function (e) {
 e.preventDefault();
 e.stopPropagation();
});

Answer 2

在第一列添加某种唯一标识符，然后

$('identifier').click(function(){
    return false;
});

我认为您也可以使用第 n 个子对象来定位第一列，但我不确定确切的语法。也许像

$('table tr td:(nth-child(1)').on('click', function(){
    return false;
});

或者类似上面的，希望对你有帮助

Answer 3

您需要向要使用的列添加某种标识符：

<tr>
    <td class="dontClickMe"></td>
    <td class="clickMe"></td>
</tr>

然后它很简单：

$('.clickMe').on('click', function() { ... });