本文介绍了一段使用jQuery实现的代码，该代码允许当点击表格单元格时为其添加高亮效果，并移除其他已高亮单元格的效果。通过监听表格单元格的点击事件并利用jQuery的addClass和removeClass方法来实现这一功能。
$(document).ready(function(){
$("div").css({border:"solid 3px silver"})
$("td").click(function(){
$(this).addClass('test') ;
var index=$("table td").index($(this));
var list=$("table").find("td");
console.log(index);
console.log(list);
for(var i=0;i<list.length;i++){
console.log("tag"+i);
console.log("index"+index);
console.log(i!=index);
if(i!=index){
if($(list[i]).hasClass("test")){
console.log("this is a problem!!")
$(list[i]).removeClass('test');
}
}
}
});
})
$("div").css({border:"solid 3px silver"})
$("td").click(function(){
$(this).addClass('test') ;
var index=$("table td").index($(this));
var list=$("table").find("td");
console.log(index);
console.log(list);
for(var i=0;i<list.length;i++){
console.log("tag"+i);
console.log("index"+index);
console.log(i!=index);
if(i!=index){
if($(list[i]).hasClass("test")){
console.log("this is a problem!!")
$(list[i]).removeClass('test');
}
}
}
});
})
扫一扫
316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
