jquery - 单击时切换图像边框颜色

Question

参考这个小提琴（http://jsfiddle.net/j5uGN），我如何在和之间切换点击图像的边框颜色#efefef，#3f96cf以便#efefef在图像似乎未选中（又名“nocheck”类）时切换？我已经在 img.check 上触发了一个 click 事件，那么如何将命令链接在一起以更改不同的元素？

我的问题清楚吗？

谢谢

Answer 1

你可以这样做：

Javascript点击事件：

$(this).find('img.fb_thumbnail').toggleClass("uncheckedborder");

CSS：

div#friend_box img.fb_thumbnail.uncheckedborder {
    border:3px solid #efefef !important;
}

http://jsfiddle.net/j5uGN/5/

Answer 2

$("div.friend").click(function() {
    if( $(this).find('img.nocheck').length > 0) {
        $(this).find('img.nocheck').removeClass("nocheck");
        $(this).find('img.fb_thumbnail').css("border-color", "#3f96cf");            
    } else {
          $(this).find('img.check').addClass("nocheck");
          $(this).find('img.fb_thumbnail').css("border-color", "#efefef");
    }
});​

更新了 jsfiddle 演示