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

322

07 июня 2017, 03:10

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

Вот сам код

$(function() {
$(".item-list-dir").click(function () {
    $(".item-list-dir").removeClass("active");
    $(this).addClass("active");
    $(this).hasClass("kitchen").css("background-color", "yellow");
});

});

Answer 1

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

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

Answer 2

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

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

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

Answer 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"); 
    }); 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<a class='item-list-dir kitchen'>Нажми меня</a>

Создание интернет-магазина кондитера в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

аналог background-attachment : fixed

background-attachment : fixed каждый раз при прокрутке вызывает операцию перерисовки что вызывает очень сильные тормоза и лагиМне нужен аналог этого...

478

MySQL