jquery实现表格中点击相应行变色功能

对于一个表格，为了使我们选中的项更容易区分，需要为选中项添加高亮，同时也需要，将其他项的高亮形式去除。类似于：

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><meta charset="utf-8" /><title></title><link href="css/style.css" rel="stylesheet" type="text/css" /><script src="jquery-1.3.2.min.js"></script><script>$(function () {$('tbody>tr').click(function () {$(this).addClass('selected')      //为选中项添加高亮.siblings().removeClass('selected')//去除其他项的高亮形式.end();});}); </script>
</head>
<body><table><thead><tr><th>姓名</th><th>性别</th><th>暂住地</th></tr></thead><tbody><tr><td>张三</td><td>男</td><td>浙江宁波</td></tr><tr><td>张三</td><td>男</td><td>浙江宁波</td></tr><tr><td>张三</td><td>男</td><td>浙江宁波</td></tr><tr><td>张三</td><td>男</td><td>浙江宁波</td></tr><tr><td>张三</td><td>男</td><td>浙江宁波</td></tr></tbody></table>
</body>
</html>

转载于:https://www.cnblogs.com/JsonZhangAA/p/5469565.html

jquery实现表格中点击相应行变色功能相关推荐

js中点击按钮时变色，松开后恢复原来的颜色
js中点击按钮时变色,松开后恢复原来的颜色 // class.active{background: #1AB394;}//js<script type="text/javascript ...
动态表格中点击图片放大
效果表格点击图片代码工具类 :imgBrowse.js function browseImg(arr) {var preview = document.getElementById(" ...
html中点击导航栏变色,JavaScript实现鼠标点击导航栏变色特效
废话不多说了,直接给大家贴js实现鼠标点击导航栏变色代码,具体代码如下所示: JAVASCRIPT之导航栏鼠标点击变色特效 body { font-size:12px; font-family: Ar ...
jQuery 删除表格中选中的行
$("#tableId").click(function () {/** 批量删除*/$("input:checkbox[name='checkBox']:checked ...
element ui表格点击整行选择_element-ui实现动态表头的表格问题汇总
demo代码: el-table动态表头 {{tableBody[scope.$index][idx]}} 动态表格是生成列,也就是每一个然后再根据所有列去遍历生成行,这样一个过程,知道这些,要做的就 ...
jquery实现body中点击按钮后，在tbody中显示一连串文本框
HTML中的代码如下: 1 <div style="background:#fff;border-style:solid; border-width:1px 1px 0 1px;bor ...
表格中点击获得行列的值、刷新页面
//行号 int row = ((GridViewRow)((Button)sender).NamingContainer).RowIndex; 自定义列的显示(参考自csdn.net): <a ...
隔行换色并且鼠标指向行变色的表格
一应用对于一些清单型数据,通常是利用表格展示到页面中.如果数据比较多,很容易看串行.这时,可以为表格添加隔行换色并且鼠标指向行变色功能. 二代码 <script language=&quo ...
jQuery实例——展示表格点击变色、全选、删除
看着书上的代码,自己敲了好一阵,发现自己优化后的代码比书上的更简洁,功能也更多,贴出来,留后用~~ 功能: 表格行点击变背景色.选择删除.全选删除.图片原图显示效果显示: 代码贴上: <!DO ...

jquery实现表格中点击相应行变色功能

jquery实现表格中点击相应行变色功能相关推荐

最新文章

热门文章