jquery - 更改左右图标 "switch"

Question

当我点击右边的图标再点击左边的时候需要

为此，我编写了样式 css "shareleft" & "shareright"

我用jQuery代码改变图标样式

   $(".share").click(function () {
    $(".share > ul").slideToggle();
    $(".share").toggleClass("shareleft shareright");
   })

但是页面上的很多图标

点击其中一个，所有图标切换

但我只想更改图标"click on"

Answer 1

jQuery 单击处理程序实际上为您提供了确切的元素(请参阅 http://api.jquery.com/on/ 和 http://api.jquery.com/click/)。您可以使用 e.target 或 this 来获取点击的元素:

$(".share").click(function (e) {
    var $el = $(this); // Could also use $(e.target);
    $el.children("ul").slideToggle();
    $el.toggleClass("shareleft shareright");
})