Question

请高手改一段jquery代码

<script type="text/javascript">
$(function(){
$("td").dblclick(function(){
$(this).css("background","red");
})
})
</script>
这是双击单元格,把北京颜色变红的代码
请高手把这段代码改成
默认单元格是没有颜色的,双击之后变成红色
再双击变成变成无色或者白色,看完我的要求啊,这是jquery,我不想在元素上添加class或者id什么的
就是再红色和白色(或者无色)之间切换

Answer 1

把你代码中的 "red" 改为下面整句

$(this).css("background-color") == "" || $(this).css("background-color") == "transparent" ? "red" : "transparent"

追问

是换掉那一整行还是就替换掉"red"??

追答

把 "red" 替换掉，连同引号一起

追问

大神,运行无果!

追答

$(function() {
$("td").dblclick(function() {
$(this).css("background", $(this).css("background-color") == "" || $(this).css("background-color") == "transparent" ? "red" : "transparent");
});
});

确定你复制粘贴对了？什么浏览器？什么版本？

追问

win7系统,ie8浏览器!
貌似能实现,但是相应效果不是很好,双击时能改变时而不能改变,甚至四击才能改变!

追答

IE8，IE9，Firefox 19，Opera 11，Safari 5，Chrome 26 我全测试了，没有问题。

Safari 需要在前面再加一句 $(this).css("background-color") == "rgba(0, 0, 0, 0)"

你页面中还有其它代码吧？下面是完整测试代码

$(function() {
$("td").dblclick(function() {
$(this).css("background", $(this).css("background-color") == "rgba(0, 0, 0, 0)" || $(this).css("background-color") == "" || $(this).css("background-color") == "transparent" ? "red" : "transparent");
});
});

td {padding: 5px 20px;}

12
3