Добавление класса в выбранный элемент списка после удаления

Question

У меня есть несколько пунктов списка, которые отображаются в виде белых прямоугольников. Число 60 появляется на красном фоне, однако. В начале скрипта я установил идентификатор этого элемента списка в переменную с именем «boxID». Когда левая кнопка клавиатуры нажата, этот красный фон (класс) затем удаляется, и «boxID» вычитается 1, что делает его 59. Однако, когда я пытаюсь добавить тот же класс в элемент списка, содержащий новый «boxID» "ID, все поля становятся красными, как будто он не может выбрать элемент списка с идентификатором # 59 и просто выбирает все.

$(document).ready(function(){

var boxID = $('li.selected').attr('id');

   $(document).keydown(function(e){
        if (e.keyCode == 37) {
            $('li').attr('id', boxID).removeClass('selected');
            boxID -= 1;
            $('li').attr('id', boxID).addClass('selected');
        }
   });

});

Answer 1

Вы неправильно выбрали элемент. Изменить это:

$('li').attr('id', boxID).addClass('selected');

до:

$('li#' + boxID).addClass('selected');

Как вы написали, вы говорите jQuery изменить атрибут id elements * *1008* на boxID, а затем добавьте класс selected к ним всем. 1011 *