如果元素已应用类，请设置bool变量

Question

我能够以这种方式隐藏页面上的元素

$('.info_player > .item_focus').hide();

如果元素.info_player应用了类.item_focus，我需要设置一个变量为true或false。

如何用jquery制作它？

请提供代码示例

Answer 1

var hasClassItemFocus = $('.info_player > .item_focus').length > 0; 

如果.info_player将.item_focus作为一个类，

hasClassItemFocus将成立。

Answer 2

您在代码和说明中描述了不同的内容：

$('.info_player > .item_focus').hide();

表示您拥有如下所示的元素

...
<div class="info_player">
    <div class="item_focus">
...

“如果元素.info_player已应用.item_focus类”

表示以下内容：

div class="info_player item_focus"

对于后一种情况，您可以使用hasClass方法。

在前一种情况下，您可以使用$('.info_player > .item_focus').length或$('.info_player').find('.item_focus').length等。 Jquery提供了多种方法来完成同样的事情。

Answer 3

您可以使用jquery .hasClass()

if($('.info_player').hasClass('item_focus'))
{
    var a = value;
}

或一行

var a = $('.info_player').hasClass('item_focus') ? "a" : "b";