点表格某行，js动态添加CSS样式，样式增加与删除

原创于 2018-05-31 16:50:13 发布

· 3.8k 阅读

0 ·

版权

文章标签：

#js #css #删除样式

CSS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的交互效果：当点击表格的某一行时，为该行添加背景颜色并插入一个指向右侧的图标，同时清除其他行的样式。

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

1、点击表格table的tr时，添加背景颜色，以及在最后一列的后面添加向右图标“>”

// 点击table某行 添加css样式
$("#table1 tbody tr").click(function(){
$(this).addClass("backcolor").siblings("tr").removeClass("backcolor");
$(this).children("th:last-child").append("<i class='glyphicon glyphicon-chevron-right' style='position: absolute; right: 10px; top:10px; color: white' ></i>");
$(this).siblings().find(".glyphicon").remove();

})

2、实现效果