扫码关注官方订阅号
文字 文字 文字 显示
显示
如何使当button的class全部都没有.btn-success的时候,.panelc隐藏。
闭关修行中......
加个each遍历一遍来判断就好了。
$('#flicps tr td button').bind('click', function(){ $(this).toggleClass('btn-success'); var allSuccess = true; $('#flicps tr td button').each(function(i,ele){ if(!$(ele).hasClass('btn-success')) allSuccess = false; }); if(!allSuccess) $(".panelc").show(); });
擦,我才想到一个更简单的:
$('#flicps tr td button').bind('click', function(){ $(this).toggleClass('btn-success'); if($('#flicps tr td button.btn-success').length==0) $(".panelc").show(); });
$('#flicps tr td button').bind('click', function(){ $(this).toggleClass('btn-success'); $('.btn-success', '#flicps').length ? $(".panelc").show() : $(".panelc").hide(); });
瞎想的没经过测试
刚想到用toggle更简单
$('#flicps tr td button').bind('click', function(){ $(this).toggleClass('btn-success'); $(".panelc").toggle($('.btn-success', '#flicps').length == 0); });
至于里面是==0还是>0同样没经过测试哈哈
...
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script> <table id="flicps"> <tr> <td><button class="btn btn-mini">文字</button></td> <td><button class="btn btn-mini">文字</button></td> <td><button class="btn btn-mini">文字</button></td> </tr> </table> <p style="display:none" class="panelc">显示</p> <script> $('#flicps tr td button').bind('click', function(){ $(this).toggleClass('btn-success'); $(".panelc").toggle($('#flicps tr td button.btn-success').size() > 0) }); </script> <style> .btn-success{ background:#cc0000} </style>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
加个each遍历一遍来判断就好了。
擦,我才想到一个更简单的:
瞎想的没经过测试
刚想到用toggle更简单
至于里面是==0还是>0同样没经过测试哈哈
...