如何检查Style Class是null,如果它是null,我们如何在JQuery中为它指定一些样式?

时间:2011-11-28 13:30:46

标签: jquery css xhtml collapse

我正在使用jquery用于可折叠面板

我需要检查它的样式类是否为null,然后我需要添加一些样式。

styleClass="pr-icon-hide-table"

jQuery(btnId).toggleClass(styleClass); return false;

如何为Style类检查null!

2 个答案:

答案 0 :(得分:0)

if($(btnId).attr('style') == 'undefined'){
      // there is no in-line style
}

if(!$(btnId).hasClass(styleClass)){
      // Item doesn't have the class
}

答案 1 :(得分:0)

您应该使用hasClass()来检测元素是否具有特定的类。

if ($(btnId).hasClass(styleClass)) {
    // whatever; it has the class.
};

如果你想根据它添加一个类,你应该这样做;

if (!$(btnId).hasClass(styleClass)) {
    $(btnId).addClass('foo');
};

请记住,您可能希望缓存$(btnId)的结果,因此您不会执行两次相同的操作;

var self = $(btnId);
if (!self.hasClass(styleClass)) {
    self.addClass('foo');
}  

术语明智的做法是,当您检查某个元素是否有类时,您不会检查null。元素的类以空格分隔存储在它的className属性中,因此从技术上讲,您要检查类名是否包含在className属性中(这是hasClass()所做的{{3 }})。