怎么样设置js控制的区域,使其只对3行以下生效?

已知有以下代码  

///////////////////////////////鼠标经过///////////////////////////

$(".x-table td").mousemove(function() {


//所在行背景色:红色

        $(this).css("background-color","red");

//所在行单元格字体:18px

        $(this).css("font-size","10px");

});

//鼠标点击

$(".x-table td").mousedown(function() {

//所在行背景色:黄色

        $(this).css("background-color","yellow");

//所在行单元格字体:18px        

        $(this).css("font-size","12px");

});

//鼠标离开

$(".x-table td").mouseout(function() {


//所在行背景色:白色

        $(this).css("background-color","#003366");

//所在行单元格字体:12px 

        $(this).css("font-size","10px");

});



我想让3行以上不产生效果 。该 怎么做?

luojian0323 发布于 2020-4-5 19:52 (编辑于 2020-4-6 11:19)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
luojian0323Lv7资深互助
发布于2020-4-6 13:35

仔细研究了一下,原来没那么复杂:

$(".x-table td").mousemove(function() {

        if ($(this).attr("row")>2){

//所在行背景色:红色

        $(this).css("background-color","red");

//所在行单元格字体:18px

        $(this).css("font-size","10px");

        }});

//鼠标点击

$(".x-table td").mousedown(function() {

   if ($(this).attr("row")>2){

//所在行背景色:黄色

        $(this).css("background-color","yellow");

//所在行单元格字体:18px        

        $(this).css("font-size","12px");

   }});

//鼠标离开

$(".x-table td").mouseout(function() {

     if ($(this).attr("row")>2){

//所在行背景色:白色

        $(this).css("background-color","#003366");

//所在行单元格字体:12px 

        $(this).css("font-size","10px");

     }});


最佳回答
0
snrtuemcLv8专家互助
发布于2020-4-6 07:53

对行数做统计,然后判读三行以下js生效,超过三行不生效

  • 1关注人数
  • 467浏览人数
  • 最后回答于:2020-4-6 13:35
    请选择关闭问题的原因
    确定 取消
    返回顶部