您的位置:首页 > Web前端 > JQuery

jquery选中表格的某行变色

2015-07-20 12:46 549 查看
<tr ng-click="+"selectRow("+i+");"+" ng-mouseover="+"changecolor("+i+");"+" id="+i+"></tr>

//变色
$scope.changecolor = function (id){
//第一种写法 不建议
if(id=="1"){
document.getElementById("1").style.background='#FFFF99';
document.getElementById("2").style.background='';
document.getElementById("3").style.background='';
}else if(id=="2"){
document.getElementById("1").style.background='';
document.getElementById("2").style.background='#FFFF99';
document.getElementById("3").style.background='';
}else if(id=="3"){
document.getElementById("1").style.background='';
document.getElementById("2").style.background='';
document.getElementById("3").style.background='#FFFF99';
}
//第二种写法 灵活
var selrow="#"+id;
/*if(id=="1"){
$("#1").parent().children().css({'background':''});
$("#1").css({'background':'#FFFF99'});
}*/
$(selrow).parent().children().css({'background':''});
$(selrow).css({'background':'#FFFF99'});
}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: