用于确定类的名称中是否包含字符串的 Javascript

Question

我使用 R 闪亮的可折叠框生成了以下 html 代码：

<div class="box box-info collapsed-box">
           <div class="box-header">
                     <h3 class="box-title">
                              <div style="display: block; width: 74%; ">1. Governance framework</div>
                     </h3>
                     <div class="box-tools pull-right">
                                <button class="btn btn-box-tool" data-widget="collapse">
                                             <i class="fa fa-minus"></i>
                                </button>
                    </div>
           </div>
           <div class="box-body" id="idtolocate" style="display: block;">
           </div>
</div>

我正在尝试创建一个 javascript，如果字符串collapsed-box包含在我需要使用idtolocate id 定位的第一个 div 类中，它应该返回 TRUE。

这是我的尝试，但不幸的是它不起作用：

function isCollapsed() {
   alert($('#idtolocate').closest('.box').classList.contains('collapsed-box'))
}

Answer 1

.classList是原生 DOM 元素的属性。 如果要使用该方法，请先从 jQuery 集合中提取 DOM 元素：

$('#idtolocate').closest('.box')[0].classList.contains('collapsed-box')

或者使用 DOM 方法而不是 jQuery 选择元素开始：

document.querySelector('#idtolocate').closest('.box').classList.contains('collapsed-box')