jquery选中表格的某行变色

<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'});
	}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-08-30 10:55:40

jquery选中表格的某行变色的相关文章

jQuery实现表格隔行换色且感应鼠标高亮行变色

jQuery插件实现表格隔行换色且感应鼠标高亮行变色 http://www.jb51.net/article/41568.htm jquery 操作DOM的基本用法分享http://www.jb51.net/article/30047.htm jQuery技术之事件处理 http://blog.csdn.net/woshisap/article/details/7434010 jQuery实现表格隔行换色且感应鼠标高亮行变色,布布扣,bubuko.com

jQuery 表格应用:隔行变色,展开关闭,内容筛选

应用一:表格隔行变色 1.普通的隔行变色: 需要用到的 API $(':odd')    --> 匹配所有索引值为奇数的元素,从0开始计数 $(':even')   --> 匹配所有索引值为偶数的元素,从0开始计数 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></title>

jQuery删除表格指定行代码实例

jQuery删除表格指定行代码实例:本章节介绍一下如何删除表格中指定的行,代码非常的简单,直接上代码: $("table tr").eq(2).remove(); 相关阅读:1.eq()函数可以参阅jQuery的eq()方法一章节.2remove()函数可以参阅jQuery的remove()方法一章节. 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13213 更多内容可以参阅:http://www.soft

10.3 鼠标指针经过时整行变色提示的表格

近年来,Web 2.0的概念逐渐被广泛接受,其中很重要的一点是强调改善用户体验,例如上一节的例子中,把表格设置为交替背景色,可以使访问者在浏览表格时有更好的体验. 然而对于长时间审核大量数据和浏览表格的用户来说,即使是隔行变色的表格,长时间阅读这样的表格仍然会感到疲劳.而且对于数据壁很大的表格,特别容易看错行或者列.如果参考微软公司Excel软件的做法,我们就可以发现很多可以改进的地方. 例如,在一个行列都很多的表格中,如果能像在Excel中那样,随时以高亮的方式提示一个单元格对应的行号(或行的

jquery更改表格行顺序实例

使用jquery写的更改表格行顺序的小功能表格部分: 复制代码代码如下: <table class="table" id="test_table">  < thead> < tr>  < th>时间</th> < th>详情</th>  < th>操作</th> < /tr>  < /thead> < tbody> <

杂记c-----小写金额转化成大写数字;点击表格table时,当前被点击的tr行变色,其它行不变色;input隐藏显示

public string chang(string money) { //将小写金额转换成大写金额 double MyNumber = Convert.ToDouble(money); String[] MyScale = { "分", "角", "元", "拾", "佰", "仟", "万", "拾", "佰", "

jquery 操作表格实例

案例1:隔行变色,滑动,点击变色以(选中取消效果)(addClass(),removeClass(),toggleClass()) Html: <h4>1.隔行变行</h4> <table width=500 class="tab01"> <tr> <th>name</th> <th>特长</th> <th>QQ</th> </tr> <tr>

漂亮的表格样式;jQuery清楚表格所有行;js解析后台传过来的JSON数据;动态生成表格数据

一 : 先看看漂亮的表格 css代码: .mylist { width: auto; height:auto; border:1px solid #accdf4; margin-top:10px; font-family:"宋体"; font-size:12px; color:#155c9f; text-align:center; border-collapse: collapse; } .mylist th { background-color:#d0e4ff; text-align

JQuery 对表格的详细操作

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><ht