javascript - div在单击时更改多种颜色

Question

我试图让其他 div 在单击时亮起。例如，当您单击第一个 div 时，我希望它改变颜色以及第三个。

我到目前为止是这样的：http: //jsfiddle.net/r5WWQ/147/

<div class="place"></div>
<div class="place2"></div>
<div class="place3"></div>

任何帮助，将不胜感激！

Answer 1

当您单击其中一个时，只需切换所有颜色div：

$("div").click(function () {
   $(".place").toggleClass("green");
   $(".place2").toggleClass("orange yellow");
   $(".place3").toggleClass("yellow");
});

http://jsfiddle.net/r5WWQ/148/

您可以对其进行操作，以便在单击其中一个时只有第三个和第一个会亮起：

$(".place, .place3").click(function () {
   $(".place").toggleClass("green");
   $(".place3").toggleClass("yellow");
});