jQuery - 选择除一个类之外的一系列类

Question

我有一系列需要针对的类(class)，希望得到一些指导

必须有一种更好的编码方法，而不是放入所有类和逗号......

$(".btn01").click(function() {
$('#box01').fadeIn();
$('#box02,#box03,#box04,#box05,#box06,#box07,#box08,#box09').hide();
});

$(".btn02").click(function() {
$('#box02').fadeIn();
$('#box01,#box03,#box04,#box05,#box06,#box07,#box08,#box09').hide();
});

$(".btn03").click(function() {
$('#box03').fadeIn();
$('#box01,#box02,#box04,#box05,#box06,#box07,#box08,#box09').hide();
});

感谢 id 提前铝

Answer 1

我认为，这可能是一种更简单的方法来完成您想做的事情

Jquery Selector [id^=box] selects all elements with an id attribute value starting with "box"

代码:

$(".btn01").click(function() { 
$("[id^='box']").hide();
$('#box1').show();    
});

示例: http://jsfiddle.net/hsakapandit/3r7WA/