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

//&nbsp;css.a,.b,.c,.d&nbsp;{ &nbsp;display:&nbsp;none; }//&nbsp;num为判定值，也为索引var&nbsp;matchList&nbsp;=&nbsp;['a','b','c','d']; $('.'+matchList[num]).show().siblings().hide();不用写太多，两行代码搞定。

Answer 2

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