检查被点击的列是否在行中第一个

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.Ali

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"); 
    }); 
});