在每个链接具有焦点时将类添加到（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');
  }
});