jq判断li是否含有class

枫叶情浓M
  • 4
新手上路,请多包涵
<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>  

  
<div style="display:none" class="panelc">显示</div>
                                         
<script>
$('#flicps tr td button').bind('click', function(){
    $(this).toggleClass('btn-success');
    var class_y = $('#flicps tr td button').hasClass('.btn-success');
    if(! class_y){
       $(".panelc").show();
       }
});
</script>
<style>
.btn-success{ background:#cc0000}
</style>

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

回复
阅读 4.9k
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(); 
});
$('#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>
<div style="display:none" class="panelc">显示</div>
<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>

你知道吗?

宣传栏