css样式污染？

Question

<div><img class="a" src="a.svg"/> <img class="b" src="b.svg"/> <img class="c" src="c.svg"/> <img class="d" src="d.svg"/></div>.a,.b,.c,.d{display:none;}//m=num为项目中的判定条件switch(num){    case 0:         $('.a').show();         $('.b').hide();         $('.c').hide();         $('.d').hide();        break;    case 1:         $('.a').hide();         $('.b').show();         $('.c').hide();         $('.d').hide();        break;    case 2:         $('.a').hide();         $('.b').hide();         $('.c').show();         $('.d').hide();        break;    case 3:         $('.a').hide();         $('.b').hide();         $('.c').hide();         $('.d').show();        break; };

Answer 1

// css.a,.b,.c,.d {
 display: none;
}// num为判定值，也为索引var matchList = ['a','b','c','d'];
$('.'+matchList[num]).show().siblings().hide();

不用写太多，两行代码搞定。

Answer 2

你可以把它们的初始样式都设置成hide，
switch的时候再制定谁显示啊。