DOM不受addClass（）的影响，控制台日志看起来不错

Question

我有一堆元素，所有元素都具有相同的类，并且我试图弄清每次将其中一个选项卡到其中时会发生什么。 Tabbing事件本身很好，只是这里的这段代码给了我一个问题。

奇怪的是，以下代码的结果是控制台将按预期记录所有内容（首先是焦点对象，然后是具有新添加类的同一对象），但是DOM在devtools中似乎不受影响（即，没有新课程）。有想法吗？

$('.item__link').each(function() {
  if ($(this).is(':focus')) {
    console.log($(this));
    $(this).addClass("test");
    console.log($(this));
  }
})

编辑-这是完整的处理程序：

  $(window).on("keyup", function (e) {
    // check that tab key has been pressed
    var code = (e.keyCode ? e.keyCode : e.which);

    if (code == 9) {

      if ($('#main-menu__trigger').is(':focus') && !#main-menu__trigger.hasClass('open')) {
         // do stuff
      } else {
        $('.item__link').each(function() {
          if ($(this).is(':focus')) {
            console.log($(this));
            $(this).addClass("test");
            console.log($(this));
          }
        });
      };

    };
   code = 0;
  });