第一次在这里发布。我是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
,因为在这种情况下它没有用)