Не добавляется сss свойство через jquery

#javascript #css #веб_программирование #запрос

Не могу понять почему не меняется свойство у ссылки, при нажатии, при этом класс
добавляется 

Вот сам код

$(function() {
    $(".item-list-dir").click(function () {
        $(".item-list-dir").removeClass("active");
        $(this).addClass("active");

        $(this).hasClass("kitchen").css("background-color", "yellow");
    });
});

    

Ответы

Ответ 1

https://api.jquery.com/hasclass/

if ($(this).hasClass("kitchen"))
  $(this).css("background-color", "yellow");


Ответ 2

Сделайте так:

if ($(this).hasClass("kitchen")){
    $(this).css({backgroundColor: "yellow"});
}


Документация для функции .css().


Ответ 3

Заменил hasClass на filter.



$(function() {
    $(".item-list-dir").click(function () {
        $(".item-list-dir").removeClass("active");
        $(this).addClass("active");

        //$(this).hasClass("kitchen").css("background-color", "yellow");
        $(this).filter(".kitchen").css("background-color", "yellow");
    });

});


Нажми меня