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

时间:2013-02-18 10:44:40

标签: jquery html css

需要一个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

1 个答案:

答案 0 :(得分:8)

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