Контекст вызова функции JQuery?

Question

[IvanIvanOvcharenko]

Добрый вечер , стоит задача реализации поворота иконки при нажатии на пункт меню. На данный понимаю понимаю как реализовать эту задачу , но только если пункт меню один. Если же их много , то при клике поворачиваются сразу все иконки во всех пунктах. Подскажите , как модифицировать данный код под эту задачу. Благодарю за внимание !

Ссылка на код: https://jsfiddle.net/IvanOvcharenko/fd5omcaL/11/

Answer 1

[Alexander Pushkarev]

$('.a').on('click', function() {
   $('.fas', this).toggleClass('active');
});

Comments

[IvanIvanOvcharenko]

Большое спасибо за помощь ! Подскажите , пожалуйста , как будет выглядеть запись this , если применять метод toggleClass непосредственно к переменной , а не к селектору ?

[Alexander Pushkarev]

let links = $('.a');

links.on('click', function() {
    let icon = $('.fas', this);

    icon.toggleClass('active');
});

[IvanIvanOvcharenko]

Спасибо!

[Alexander Pushkarev]

IvanIvanOvcharenko, отметьте как решение

Answer 2

[Ihor Bratukh]

Или так:
$(this).find('.fas')
Под катом jQuery выглядит примерно так:

var $ = function (selector, context) {
    return (context || document).querySelectorAll(selector);
};