选中table行，高亮显示，获取行中想要的数据（只能选单行，不能多行）

最新推荐文章于 2025-07-04 22:30:09 发布

傻蛋丫

最新推荐文章于 2025-07-04 22:30:09 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_36854073/article/details/82223848

博客以第二篇中的table为例，展示其表头固定、左右滑动等样式的效果图，且为单选情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以本博客第二篇中的table（表头固定、左右滑动等样式）为例

var index = this.rowIndex;
var tdValue;
$("#tlist tr").click( 
		function() {
			if(index == undefined){
				$(this).css("background","yellow");
				index = this.rowIndex;
				tdValue = $(this).find("td");// 找到td元素
			}else {
				if(index == this.rowIndex){
					$(this).css("background","#ffffff");
					index = undefined;
				}else{
					$(this).css("background","yellow").siblings().css("background","#ffffff"); 
					index = this.rowIndex;
				}
			}
       });

tdValue[0].innerHTML;//即为选中行第一个元素值

效果图：（只是单选）