Как получить только выбранный элемент по имени класса?

Question

У меня есть элементы с тем же именем класса, но я хочу получить только класс элемента, по которому щелкнули мышью, и изменить его.

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

Функция

      $('.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

Можете ли вы разместить свой Html там, где находится значок?

В основном, вы можете найти значок с помощью $(this).closest( ".opener i" )

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

Но чтобы дать вам точный код, который мне нужен чтобы увидеть код HTML.

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

Попробуйте использовать контекст в запросе

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

Для лучшего понимания вы можете проверить это docs