BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #14089同步于 2011/7/13
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

jquery 小问题

cssdouble
2011/7/13镜像同步2 回复
<script> $(document).ready(function() { $(".button").click(function(){ if($(this).css("color","black")) { $(this).css("color","red"); } else if($(this).css("color","red")) { $(this).css("color","green"); } else if($(this).css("color","green")) { $(this).css("color","yellow"); } else if($(this).css("color","yellow")) { $(this).css("color","black"); } }); }); </script> <style type="text/css"> .button { color: black; border:1px solid #666; height:21px; line-height:18px; } </style> 我能实现的是:本来是黑字,点击1次变成红色,再点击就不变色了(也就是只能变1次) 我想实现的是:点击按钮循环变颜色。比如说按钮上的字本来是黑色,点击一下变成红色,再点击变绿色,再点击变绿=黄色,再点击变黑色 请问问题在哪喔~ 补充:如果这个解决了接下来想要实现的是,我想查看这100个按钮的颜色,逐个查看并统计每个颜色的按钮个数(可以实现么?) 如果你知道怎么做的话,求告知,谢谢!
订阅后,新回复会通过你的通知中心匿名送达。
2 条回复
zzcc机器人#1 · 2011/7/13
<script> $(document).ready(function() { $(".button").click(function(){ if($(this).css("color")=="black")) { $(this).css("color","red"); } else if($(this).css("color")=="red")) { $(this).css("color","green"); } else if($(this).css("color")=="green")) { $(this).css("color","yellow"); } else if($(this).css("color")=="yellow")) { $(this).css("color","black"); } }); }); </script>
sUmmy机器人#2 · 2011/7/13
第一个if的时候就把color赋值black了,所以你始终进第一个条件