如何检查样式类是否为空,如果为空,如何在JQuery中为其分配样式?

wqnecbli  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(177)

我 正在 使用 jquery 的 可 折叠 面板
我 需要 检查 它 的 风格 类 是 空 的 , 然后 我 需要 添加 一些 风格 。

styleClass="pr-icon-hide-table"

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

中 的 每 一 个
我 如何 检查 Style 类 的 null !

xurqigkl

xurqigkl1#

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

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

wfveoks02#

您应该使用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');
}

从术语的Angular 来看,当检查一个元素是否有类时,并不是在检查null。一个元素的类是以空格分隔的形式存储在它的className属性中的,所以从技术上讲,检查的是类名是否包含在className属性中(这是hasClass()在后台所做的)。

相关问题