<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隐藏。
$('#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同样没经过测试哈哈
加个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();
});
...
<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>