Jquery 0，hidecount）.find（'td:n子级（1）'）.addClass（'hide'）； }); }); 表格{ 宽度：100%； 边界塌陷：塌陷； } 表td{ 边框：1px实木绿色； } .隐藏{ 可见性：隐藏； } 日期 转移 班次详情 某个日期 班次1 隐藏 1. 2. 3. 4. 5. 6. 7. 8. 9 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点2 jobLoc2 工作地点3 jobLoc4 工作地点3 jobLoc2 工作地点3 jobLoc4 工作地点4 jobLoc2 工作地点3 jobLoc4 工作地点5 jobLoc2 工作地点3 jobLoc4 工作地点6 jobLoc2 工作地点3 jobLoc4 工作地点7 jobLoc2 工作地点3 jobLoc4 工作地点8 jobLoc2 工作地点3 jobLoc4 工作地点9 jobLoc2 工作地点3 jobLoc4 班次2 隐藏 1. 2. 3. 4. 5. 6. 7. 8. 9 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 班次3 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4 工作地点1 jobLoc2 工作地点3 jobLoc4

宾果的回答冻结了JSFIDLE（两次）；这是阿努拉格作品的来源，不过：

$('#hideselector').change(function () {    
    for (var i = 0; i < 10; i++) {
        $('#jl' + (i + 1)).removeClass('hide');
    }
    var hidecount = $('#hideselector').val();    
    for (var j = 0; j < 10; j++) {
        if (hidecount > j) {
            $('#jl' + (j + 1)).addClass('hide');
        }
    }    
});

---

我不得不添加“d1s1j1”类来实现这一点，但为这种雕像般的优雅付出的代价很小。

宾果的回答冻结了JSFIDLE（两次）；这是阿努拉格作品的来源，不过：

$('#hideselector').change(function () {    
    for (var i = 0; i < 10; i++) {
        $('#jl' + (i + 1)).removeClass('hide');
    }
    var hidecount = $('#hideselector').val();    
    for (var j = 0; j < 10; j++) {
        if (hidecount > j) {
            $('#jl' + (j + 1)).addClass('hide');
        }
    }    
});

---

我必须添加“d1s1j1”类才能使其工作，但为如此壮观的优雅付出的代价很小。

jQuery可以一次对整个元素组执行操作，因此您可以调用

removeClass（）

而不是单独对每个单元格调用

removeClass（）

在捕获所有元素的选择器上执行一次

var cells = ["#jl1","#jl2","#jl3","#jl4","#jl5","#jl6","#jl7","#jl8","#jl9"];
$(cells.join(",")).removeClass('hide');

将元素ID放入数组可以让您按照如下方式重构代码：

$('#hideselector').change(function () {
    var cells = ["#jl1","#jl2","#jl3","#jl4","#jl5","#jl6","#jl7","#jl8","#jl9"];
    $(cells.join(",")).removeClass('hide');
    var hidecount = $('#hideselector').val();
    var i = -1;
    while(i++ < hidecount){
        $(cells[i]).addClass('hide');
    }
});

表格{
宽度：100%；
边界塌陷：塌陷；
}
表td{
边框：1px实木绿色；
}
.隐藏{
可见性：隐藏；
}

转移
班次详情
班次1
隐藏
1.
2.
3.
4.
5.
6.
7.
8.
9
隐藏
1.
2.
3.
4.
5.
6.
7.
8.
9
隐藏
1.
2.
3.
4.
5.
6.
7.
8.
9
工作地点1
jobLoc2
工作地点3
工作地点2
jobLoc2
工作地点3
工作地点3
jobLoc2
工作地点3
工作地点4
jobLoc2
工作地点3
工作地点5
jobLoc2
工作地点3
工作地点6
jobLoc2
工作地点3
工作地点7
jobLoc2
工作地点3
工作地点8
jobLoc2
工作地点3
工作地点9
jobLoc2
工作地点3
班次2
工作地点1
jobLoc2
工作地点3
工作地点1
jobLoc2
工作地点3
工作地点1
$('#hideselector').change(function () {

   for(i = 1; i < 10; i++){
       $('#jl' + i).removeClass('hide');
   }

   var hidecount = $('#hideselector').val();

   for(j = 0; j < 9; i++){
       hidetarget = j+1;
       if(hidecount > j){
           $('#jl' + hidetarget).addClass('hide');
       }
   }

});

$('#hideselector').change(function () {    
    for (var i = 0; i < 10; i++) {
        $('#jl' + (i + 1)).removeClass('hide');
    }
    var hidecount = $('#hideselector').val();    
    for (var j = 0; j < 10; j++) {
        if (hidecount > j) {
            $('#jl' + (j + 1)).addClass('hide');
        }
    }    
});

$('#hideselector').change(function () {
  var hideCount = $(this).val();
  $('.d1s1j1').addClass('hide').slice(hideCount).removeClass('hide');
});

var cells = ["#jl1","#jl2","#jl3","#jl4","#jl5","#jl6","#jl7","#jl8","#jl9"];
$(cells.join(",")).removeClass('hide');

$('#hideselector').change(function () {
    var cells = ["#jl1","#jl2","#jl3","#jl4","#jl5","#jl6","#jl7","#jl8","#jl9"];
    $(cells.join(",")).removeClass('hide');
    var hidecount = $('#hideselector').val();
    var i = -1;
    while(i++ < hidecount){
        $(cells[i]).addClass('hide');
    }
});