- 主题:求一个最简洁代码
想要实现点击表格中任意单元格变色,再点击还原的功能。
有什么最简单的办法么?
(不要一个一个cell地写)
--
FROM 126.253.11.*
不就jquery,
$('table#your_table td').click(function(){
$(this).toggleClass('highlight')
})
然后用css控制颜色
【 在 webzhao (webzhao) 的大作中提到: 】
: 想要实现点击表格中任意单元格变色,再点击还原的功能。
: 有什么最简单的办法么?
: (不要一个一个cell地写)
: ...................
--
修改:chumsdock FROM 166.111.39.29
FROM 166.111.39.29
现在大家的jq用的都很熟练啊
【 在 chumsdock (微笑服务) 的大作中提到: 】
: 不就jquery,
: $('table#your_table td').click(function(){
: $(this).toggleClass('highlight')
: ...................
--
FROM 60.186.186.*
是啊,我还停留在html/css/js的水平呢。
不用jq,有其他的办法吗?
【 在 readme916 (wokaonet) 的大作中提到: 】
: 现在大家的jq用的都很熟练啊
--
FROM 60.238.232.*
有,学一下很快
【 在 webzhao (webzhao) 的大作中提到: 】
: 是啊,我还停留在html/css/js的水平呢。
: 不用jq,有其他的办法吗?
--
FROM 60.186.186.*
document.onclick = function(e){
if (e.srcElement.tagName == 'td'){
this.className = xxx ? a : b ;
}
}
写兼容点。
【 在 webzhao (webzhao) 的大作中提到: 】
: 是啊,我还停留在html/css/js的水平呢。
: 不用jq,有其他的办法吗?
--
FROM 221.217.182.*
多谢,正是我想要的代码。
不过,因为下面这段代码不工作,稍微修改如下:
<style type="text/css">
.zz0 {color: #00FF00;}
.zz1 {color: #FF0000;}
</style>
<script>
document.onclick = function(){
if (window.event.srcElement.tagName == 'TD'){
window.event.srcElement.className = "zz0" ? "zz1" : "zz0" ;
}
}
</script>
现在的问题是:点击任意td能变化成zz1,但是变不回zz0。
该如何正确修改呢?
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
: document.onclick = function(e){
: if (e.srcElement.tagName == 'td'){
: this.className = xxx ? a : b ;
: ...................
--
FROM 118.111.31.*
window.event.srcElement.className = (window.event.srcElement.className == "zz0") ? "zz1" : "zz0" ;
?
【 在 webzhao (webzhao) 的大作中提到: 】
: 多谢,正是我想要的代码。
: 不过,因为下面这段代码不工作,稍微修改如下:
: <style type="text/css">
: ...................
--
FROM 136.182.2.*
多谢,这个可以了,呵呵
用if语句分开写也没问题。
:)
【 在 shui (水色) 的大作中提到: 】
: window.event.srcElement.className = (window.event.srcElement.className == "zz0") ? "zz1" : "zz0" ;
: ?
--
FROM 118.111.31.*