CODEWITHSUNDEEP
jqueryasp.netgridview
ksg
ksg

Reputation: 4067

How to make Gridview cell clickable except for first cell

I am using an html grid.I want to make all the the cells of gridview clickable except for the cells in the first column.How can i make it possible with jQuery?

This is the code i have written for making all the cells in the gridview clickable

$("#gdTable tr:has(td)").click(function (e) {
    selTD = $(e.target).closest("td");
    selTR = $(e.target).closest("td").parent();;
    if (selTD.hasClass("selected")) selTD.removeClass("selected");
    else {
        selTR.children().removeClass("selected");
        selTD.addClass("selected");
    }
    getCellValue();
});

Upvotes: 1

Views: 851

Answers (2)

Adil
Adil

Reputation: 148120

Try using :not along with :first-child or :nth-child

Live Demo

$("#gdTable td:not(:first-child)").click(function (e) {
    selTD = $(e.target).closest("td");
    selTR = $(e.target).closest("td").parent();;
    if (selTD.hasClass("selected")) selTD.removeClass("selected");
    else {
        selTR.children().removeClass("selected");
        selTD.addClass("selected");
    }
    getCellValue();
});

Upvotes: 1

Jai
Jai

Reputation: 74738

You can try changing just your selector this way:

$("#gdTable tr:has(td)").each(function () {
   $("td:not(:first)", this).click(function (e) {
        selTD = $(e.target).closest("td");
        selTR = $(e.target).closest("td").parent();;
        if (selTD.hasClass("selected")) {
          selTD.removeClass("selected");
        } else {
          selTR.children().removeClass("selected");
          selTD.addClass("selected");
        }
        getCellValue();
   });
});

A small demo in fiddle.

Upvotes: 0

Related Questions