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");
    }
});

updated jsfiddle demo

单击时切换图像边框颜色

2 个答案: