用於確定類的名稱中是否包含字符串的 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')