如果元素hasClass则显示:none;

时间:2014-06-12 18:16:56

标签: javascript jquery html css

我正在尝试使用hasClass javascript元素来查看它是否应该使div显示为none或保持正常显示。

以下是我目前所拥有的代码段

   if (!$('cool').hasClass('hot')) {
   }

如果它有热门,我希望它显示无。我会用什么代码来做这件事?

编辑:好的,所以我已经阅读了评论。我不确定hasClass是如何工作的,但是从我收集的内容中它使用了一个html标签,因此它检查它是否有一个html标签。

我只想检查div是否有类" hot"这不会出现。

2 个答案:

答案 0 :(得分:5)

忘记if语句,只选择首先符合条件的元素。

jQuery('cool.hot').addClass('foo'); // Where .foo { display: none; }

注意:HTML中没有<cool>元素。

答案 1 :(得分:0)

您还可以根据OP的原始前提使用:not()选择器 -

我假设&#39;酷&#39;以及&#39; hot&#39;是本例中的类

$('.cool:not(.hot)').css({'display':'none'});

您还可以使用.not()方法 -

$('.cool').not('.hot').css({'display':'none'});