第一次在这里发布。我是jquery的初学者,遇到了一些灰色区域。希望我可以在这里找到答案并从中学习:)

所以我有10个不同的div都具有相同的类。每次我单击div时,都必须添加另一个类(在本例中为CSS中的background-color)。为此,我有这个:

$(document).ready(function() {
$(".menucardmenu").click(function(){
        if($(this).hasClass("menucardmenu")) {
               $(this).addClass("backgroundmenucard");
    }
    else {
        alert ("condition false");
    }
  });
});

但是现在的问题是,我如何才能使只有一个div可以具有该背景色(在我的情况下为backgroundmenucard)。根据用户单击的div,该div将具有背景色,并且上一个div(已单击)应将其重置为正常颜色。我可以这样做吗?:



有谁知道答案吗?

问候,
安德鲁

最佳答案

尝试以下方法:

$(".menucardmenu").click(function(){
    $(".backgroundmenucard").removeClass("backgroundmenucard");
     $(this).addClass("backgroundmenucard");
  });

演示:http://jsfiddle.net/r2Sua/

(我删除了if,因为在这种情况下它没有用)

07-24 09:38
查看更多