jQuery hasClass / addClass Issue

Question

Это то, что у меня есть. У li есть класс current, но по какой-то причине он не добавляет класс.

if (jQuery("#sidebar li").hasClass("current")) {
        jQuery(this).addClass("booyah");
    }

Answer 1

этот указатель не ссылается на элемент $ ("# sidebar li").

if (jQuery("#sidebar li").hasClass("current")) {
        jQuery("#sidebar li").addClass("booyah");
    }

Answer 2

Верный и простой способ: jQuery("#sidebar li.current").addClass('booyah') (Если я понял ваш вопрос, и вы хотите добавить 'booyah' к элементу li, уже имеющему 'current')

Answer 3

Не используйте this, поскольку вы не находитесь в контексте, где this представляет #sidebar li. Вместо этого объедините ваш селектор jQuery с переменной и повторно используйте ее. Это обеспечивает эффективность, поскольку вам нужно искать нужный элемент только один раз, а не дважды.

var sidebarli = jQuery("#sidebar li");
if (sidebarli.hasClass("current")) {
    sidebarli.addClass("booyah");
}

Answer 4

Попробуйте сначала изменить боковую панель. Я не думаю, что «это» - это то, что вы думаете.

var $sideBar = jQuery("#sidebar li");

if ($sideBar.hasClass("current")) {
       $sideBar.addClass("booyah");
    }

Answer 5

Вы также можете попробовать это: http://jsfiddle.net/shaneburgess/STZUb/

$.each(jQuery("#sidebar li"),function(){
   if (jQuery(this).hasClass("current")) {
        jQuery(this).removeClass("current").addClass("booyah");
    }
});

Answer 6

Вот, пожалуйста:

var $li = jQuery("#sidebar li");

if ($li.hasClass("current")) {
        $li.addClass("booyah");
    }