javascript - 单击鼠标更改Java语言样式

我有一个小jQuery脚本:

 $('.product_types > li').click(function() {
 $(this)
    .css('backgroundColor','#EE178C')
    .siblings()
    .css('backgroundColor','#ffffff');
   // $('.product_types > li').removeClass(backgroundColor);

});

给我的div onclick上色问题是我只希望单击最后一个要着色的元素。而且我不知道每次单击后都可以删除样式(css样式)吗？

谢谢

最佳答案

当单击一个新元素时，我将使用像.lastClicked这样的css类，并使用jquery删除.lastClicked的所有实例。

.lastClicked{ background-color:#EE178C; }
.lastClicked (siblingName) { background-color: #ffffff; }

您的jquery代码如下所示:

$('.product_types > li').click(function() {
  $(".lastClicked").removeClass("lastClicked");
  $(this).addClass("lastClicked");});

关于javascript - 单击鼠标更改Java语言样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6199853/