jquery - 检查单击的列是否在行中的第一列

Question

想要一个 Jquery 代码来检查单击的列是否在行中的第一个。

正在使用一个表格来选择某些选项。然后点击，通过使用 jquery 分配一个 CSS 类并从所有同级 td 元素中删除该类(每行一个选择)，显示被点击的 td 的背景(一个勾号)。

问题是它不应该在单击第一列时执行此操作，因为它包含选项/问题的标签。

当前代码如下:

  $(document).ready(function () {
    $("table tr td").click(function () {
        $(this).parent().find('td').each(function () {
            $(this).removeClass("CheckMark");
        });
        $(this).addClass("CheckMark");
    });
});

如果该列位于第一列，则不应执行任何操作，因为它包含选项的标签。

希望已经充分解释了情况:)。

亲切的问候，A.阿里

Answer 1

使用index()点击 td 找出第一列。如果 index() 给出零，那么它将是第一列，因为 index() 给出基于零的索引。

$(document).ready(function () {
    $("table tr td").click(function () {

        if($(this).index() == 0) return;    

        $(this).parent().find('td').each(function () {
            $(this).removeClass("CheckMark");
        });
        $(this).addClass("CheckMark");
    });
});