Jquery removeClass не работает должным образом

Question

Я разрабатываю функцию javascript, чтобы выделить ярлык в прокручиваемом списке и прокручивать его; подсветка и прокрутка в порядке.

Проблема заключается в том, что я также хочу «де-подсветить» ранее выпущенные ярлыки, если они есть (для будущих поисков). Чтобы подчеркнуть, я добавляю класс css, чтобы отключить выделение, я использую removeClass из jQuery, чтобы удалить класс css, если он существует; но по какой-то причине это не работает. Это моя функция:

$('.targetUserName').each(function() { 
    index++;   
    s = this.innerHTML.toString().toLowerCase().match(regex); 
    if(s != null) { 
     $(this).attr('class', 'current'); 
     foundUsers++; 

     if (foundUsers == 1 && index > 10) 
      $('#usersDiv').scrollTop(index * height); 

    } 
    else if ($(this).hasClass('current')) 
     $(this).removeClass('current'); //this is not working 

}); 

Answer 1

Я просто была ошибка: я приписывал все эти ярлыки класса (targetUserName), чтобы идентифицировать их с помощью JQuery, который стирается, когда я был подсветка этикетки, потому что я использовал .attr ('class', 'current'), чтобы установить класс, который стирает старый класс. Это заставило эти элементы не учитываться в каждой функции(), поэтому ранее добавленный «текущий» класс никогда не удалялся. Я исправил код для использования addClass() вместо attr ('class'), и теперь он отлично работает.

$('.targetUserName').each(function() { 
    index++; 
    s = this.innerHTML.toLowerCase().match(regex); 
    if (s != null) { 
     //$(this).attr('class', 'current') // this was the mistake 
     $(this).addClass('current'); //correct 
     foundUsers++; 
     if (foundUsers == 1 && index > 10) 
      $('#usersDiv').scrollTop(index * height); 

    } 
    else if ($(this).hasClass('current')) 
     $(this).removeClass('current'); 

});