javascript - 如果元素应用了类，则设置布尔变量

Question

我可以通过这种方式隐藏页面上的元素

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

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

如何用jquery制作它？

请给我一个代码示例

Answer 1

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

hasClassItemFocus如果 .info_player 将 .item_focus 作为一个类，则为真。

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').lengthor$('.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";