javascript - jq判断li是否含有class
阿神
阿神 2017-04-11 11:16:03
[JavaScript讨论组]

显示

如何使当button的class全部都没有.btn-success的时候,.panelc隐藏。

阿神
阿神

闭关修行中......

全部回复(3)
阿神

加个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(); 
});
ringa_lee
$('#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>

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号