• 4
  • 新人请关照

jq判断li是否含有class

<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.6k
评论
    3 个回答
    • 3.2k

    ...

    <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>
    
    
      相似问题
      推荐文章