javascript - 如果选择了 Div - hasClass - 触发一些事件，如果没有 - 触发其他事件。这可以作为独立功能实现吗？

Question

我需要用 if else if else 触发不同的事件，这取决于是否选择了某个类的元素。当我尝试这样做时，不仅它不起作用，它还会阻止其他功能:

http://jsfiddle.net/nur6qphr/2/

if ( $('.a').hasClass('selected') ) {
    $('.bg').css({'border':'solid 1px red'}); //change other div's css
} else if ( $('.b').hasClass('selected') ) {
    $('.bg').css({'border':'solid 1px green'}); //change other div's css
} else {
    $('.bg').css({'border':'solid 1px'});
};

顺便说一下，这只是问题的简化说明，我不需要实际的 css 更改，所以我不需要针对这个特定 fiddle 的纯 css 解决方案。

edit: 去掉了else旁边的()，这样就不会再挡住其他f了，但是还是不行...

有没有什么方法可以使 if 起作用而不用将其包装在点击函数中？

edit2:我想不是以一种简单而合理的方式。

Answer 1

两件事，

1) else 的语法不正确。

2) 您需要将代码包装在点击事件中，以便代码在点击时起作用。

使用:

$('.tiles').click(function() {
 $(this).toggleClass('selected');
 if ( $('.a').hasClass('selected') ) {
 $('.bg').css({'border':'solid 1px red'});
 } else if ( $('.b').hasClass('selected') ) {
 $('.bg').css({'border':'solid 1px green'});
 } else{
 $('.bg').css({'border':'solid 1px'});
}});

Working Demo