javascript - 哪个 div 当前处于事件状态？

Question

我有一系列的 div(显示图形)。单击一个图形 div，然后在 div 中写入一些内容。

$("#graphic1").click(function(){  
   $("#text").html("Something important goes here.") 
}

但是如果用户在显示graphic8时单击graphic1，我希望它执行其他操作

if (graphic8 was active before graphic1 was clicked){
   do this
} else {
   do that
}

进一步解释

1. 有很多 div。
2. 这些 div 中的任何一个都可能同时处于事件状态。
3. 选择新 div 时，我想知道在选择新 div 之前哪个 div 处于事件状态。

编辑 9/14 以回应答案

这是 jsfiddle 的一个简单示例:http://jsfiddle.net/MAYO/2DEnY/2/

我希望 div 能够1. 切换2.当选择一个新的div时，下面会显示说明。我尝试了 if/else 子句的组合，但失败了。3. 完成这一点之后(我认为解决这个问题会解决下一个问题)，我希望文本描述能够根据之前激活的 div 而有所不同。

Answer 1

向已单击的任何项目添加一个类，并且对于每次新的单击，选择该类，从该元素中读取您想要的任何内容，删除该类，然后将其再次添加到新项目中。

做了一个 fiddle 来演示:

http://jsfiddle.net/dPwkE/

jQuery:

 $(function(){
    $('a').click(function(){
        if($('a.active')[0]){
           $('a.active').removeClass("active");
           $(this).addClass("active");
        }else{
            $(this).addClass("active");
        }
    });
});

阅读编辑后，据我了解，您可以使用数据属性为每个 div 存储一些内容，然后在按下后显示它。

也许是这样？ http://jsfiddle.net/2DEnY/4/