如何通过 class 名称仅获取单击的元素？

Question

我有一些具有相同 class 名称的元素，但我只想获取单击的元素 class 并更改它。

    var icon = $('.opener i'); // I want to take this class of only clicked element
   

Function

      $('.cate-inner span.opener').on("click", function(){
          var icon = $('.opener i');
        if ($(this).hasClass("plus")) {
          $(this).parent().find('.mega-sub-menu').slideDown();
          $(this).removeClass('plus');
            $(this).addClass('minus');
            icon.removeClass('fa-plus');
            icon.addClass('fa-minus')
        }
});

Answer 1

尝试在查询中使用上下文

var icon = $('i', $(this));

为了更好地理解，您可以查看此文档

Answer 2

没有 html 很难说，但我猜比更换

var icon = $('.opener i');

经过

var icon = $(this).find('i');

可以解决问题

Answer 3

"li").click(function() {
   var colorClass = this.className;
   console.lo

尝试这样做。

Answer 4

你能把你的 Html 贴在图标所在的位置吗？

基本上，您可以使用$(this).closest( ".opener i" )找到图标

$(this).closest('.parentElemnt').find('.opener i')

但是为了给你确切的代码，我需要查看 HTML 代码。