在每个 link 具有焦点时将 class 添加到它 (jQuery)

Question

我有下面的代码。问题是 class 被添加到页面上的所有链接，而不是焦点链接。

$('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');
  }
});