87,989
社区成员
发帖
与我相关
我的任务
分享单击行,选中变色
css:
.haveBorder{
background:#a3e2c5;
}
.nonBorder{
border:none
}
js:
$(document).ready(function() {
//获取Table行
var trs = document.getElementById("tb_keyTool").getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
trs[i].onclick = function(){
for(var j=0;j<trs.length;j++){
//选中其他后样式
trs[j].className="nonBorder";
}
//选中添加样式
this.className="haveBorder";
}
}
} );
function dbClick(varHref){
window.location.href=varHref;
}
<body>
<table>
<tr onDblClick="dbClick('${vo.notes_url}')" class="">
</tr>
</table>
</body>
.haveBorder{
background:#a3e2c5;
}
.nonBorder{
border:none
}
js:
$(document).ready(function() {
//获取Table行
var trs = document.getElementById("tb_keyTool").getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
trs[i].onclick = function(){
for(var j=0;j<trs.length;j++){
//选中其他后样式
trs[j].className="nonBorder";
}
//选中添加样式
this.className="haveBorder";
}
}
} );
function dbClick(varHref){
window.location.href=varHref;
}
<body>
<table>
<tr onDblClick="dbClick('${vo.notes_url}')" class="">
</tr>
</table>
</body>
...全文
请发表友善的回复…
发表回复
很会飞的马 2019-08-23
- 打赏
- 举报
首先，循环遍历给每一行添加点击事件可以优化为事件委托（自行搜索）
其次，点击的时候先把所有行的className删除，再给当前行添加className,这样问题不就很简单了吗。你这么整可真复杂
前端_小菜鸟 2019-08-23
- 打赏
- 举报
for(var j=0;j<trs.length;j++){
//选中其他后样式
trs[j].className="nonBorder";
}
