Question

如何在jquery中执行此操作，以便在.cd-item中单击任何项目时，我希望未单击的项目显示为黑色。

活动模式应该具有不透明度1，否则未点击的模式将具有类＆＃34; darkbackground＆＃34;。我仍然是javascript的新手，所以如果有人可以提供帮助，请感谢。

例如，如果点击大卫贝克汉姆，鲁尼和卡卡应该叠加黑色。如果点击鲁尼，大卫贝克汉姆和卡卡应该叠加黑色等等。

$(".cd-item a").click(function(){
   var myelement = $(this).attr("href")
   $(".cd-item a").addClass("darkbackground");
});

谢谢你，非常感谢任何帮助。

Answer 1

使用jquery .not()

$(".cd-item a").click(function(){
   $(".cd-item a").removeClass("darkbackground");
   $(".cd-item a").not($(this)).addClass("darkbackground");
});

codepen：http://codepen.io/anon/pen/GpbNVb

Answer 2

这将满足您的需求：

var $items=$(".cd-item a");
$items.click(function(){
   var $this=$(this);
   $items.removeClass("darkbackground");
   $this.addClass("darkbackground");
});

Updated Codepen

Jquery帮助，点击后，让其他人变暗

2 个答案: