Добавить класс к каждой ссылке, когда она имеет фокус (jQuery)

Question

У меня есть код ниже. Проблема в том, что класс добавляется ко всем ссылкам на странице, а не к той, которая находится в фокусе.

$('a.going__outside').on('focusin', function(){
        $('a.going__outside').each(function(){
            $('a.going__outside span').removeClass('sr-only');
            }).on('focusout', function(){
                $('a.going__outside span').addClass('sr-only');
            });
        });

Answer 1

Используйте $(this) для работы только с элементом, получившим событие.

$('a.going__outside').on({
  'focusin': function() {
    $(this).find("span").removeClass('sr-only');
  },
  'focusout': function() {
    $(this).find("span").addClass('sr-only');
  }
});