具有更改类搜索的Jquery循环

有人知道如何把这个循环吗

基本上是相同jquery代码的7倍，但唯一改变的是行号

我试着像编写php代码一样修复它，但它只会给我错误

$('.row1').mouseenter(function(e){
    $('.row1').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row1').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
});

$('.row2').mouseenter(function(e){
    $('.row2').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row2').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
    clickedRow = e.currentTarget.className;
});

$('.row3').mouseenter(function(e){
    $('.row3').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row3').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
    clickedRow = e.currentTarget.className;
});

$('.row4').mouseenter(function(e){
    $('.row4').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row4').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
    clickedRow = e.currentTarget.className;
});

$('.row5').mouseenter(function(e){
    $('.row5').addClass('deepskyblue');
}).mouseleave(function(e){
    e.preventDefault();
    $('.row5').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
    clickedRow = e.currentTarget.className;
});

$('.row6').mouseenter(function(e){
    $('.row6').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row6').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
    clickedRow = e.currentTarget.className;
});

$('.row7').mouseenter(function(e){
    $('.row7').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row7').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
    clickedRow = e.currentTarget.className;
});

可以使用for循环

for ( var i = 1; i < 8; i++ ) {
   $( '.row' + i ).mouseenter(function(e){
      $( '.row' + i ).addClass('deepskyblue');
   }).mouseleave(function(e){
      $( '.row' + i ).removeClass('deepskyblue');
   }).on('click',function(e){
      e.preventDefault();
      clickedRow = e.currentTarget.className;
   });

}

for（变量i=1；i<8；i++）{
$（'.row'+i）.mouseenter（函数（e）{
$（'.row'+i）.addClass（'deepskyblue'）；
}).mouseleave（功能（e）{
$（'.row'+i）.removeClass（'deepskyblue'）；
}).on（'click'，函数（e）{
e、 预防默认值（）；
单击Drow=e.currentTarget.className；
});
}

如果您有权访问HTML页面，请为需要相同行为的每个项目添加相同的类。i、 e

class=“row highlight”

然后可以使用

$（'.row highlight'）

在单个调用中获取所有DOM元素

如将所有

行*

类替换为

行高亮显示

并执行以下操作

$('.row-highlight').mouseenter(function(e){
    $('.row-highlight').addClass('deepskyblue');
}).mouseleave(function(e){
    $('.row-highlight').removeClass('deepskyblue');
}).on('click',function(e){
    e.preventDefault();
});

你可以

$（'.row1、.row2、.row3、.row4、.row5、.row6、.row7'）。鼠标指针（函数（e）{
$（this.addClass（'deepskyblue'）；
}).mouseleave（功能（e）{
$（this.removeClass（'deepskyblue'）；
}).on（'click'，函数（e）{
e、 预防默认值（）；
单击Drow=e.currentTarget.className；
});
div
{
填充物：5px；
背景色：红色；
宽度：100px；
高度：20px；
}
深天蓝色
{
背景颜色：蓝色；
}

我回家后会测试它，但我用了“.”而不是“+”，所以我会这样做的。。。初学者的错误：/@Wanjia这种错误不仅仅是初学者犯的。在PHP和Javascript之间切换时，我仍然偶尔这样做。