将所有孩子的TD中的类更改为给定的TH？

Question

简单的问题（我认为） - 我想在给定表中的几个表头（TH）中添加一个复选框，当选中它时，它应该为该列中的所有TD添加一个类，反之亦然 - 当未选中它应该从该特定列中的所有TD中删除该类。

这可以用jQuery吗？我无法弄明白......

Answer 1

试试这个：

$('#cb1').change(function() {
    var columnTd = $(".needClass > tr > td");

    if($("#cb1").is(":checked")){
        alert("add class")
        columnTd.addClass("newClass");
    }else{
        columnTd.removeClass("newClass");
        alert("remove class")
    }            
});

请参阅jsfiddler https://jsfiddle.net/d1govvgr/

中的示例