if语句在javascript中查找一个类

Question

<div onclick="showCustomerResultsTable();"
 class="csq-tab ui-state-default ui-corner-top"
 id="customers-tab">Customers</div>  

<div onclick="showParcelJourneySummary();"
 class="csq-tab ui-state-default ui-corner-top ui-state-active"
 id="order-journey-summary-tab">Status History</div>

使用javascript如何检查其中哪一个具有ui-state-active，因为我需要一个if语句来检查状态历史记录中是否激活了ui-state-active并执行某些操作。

Answer 1

使用新的HTML5 classList API可以轻松检查：

document.getElementById('customers-tab').classList.contains('ui-state-active');
// Will return true if element has class

否则，您将不得不使用旧的方式：

document.getElementById('customers-tab').className.indexOf('ui-state-active') != -1;
// Will return true if element has class

我建议在jQuery中使用hasClass()属性！

Answer 2

你可以使用jQuery的hasClass()。

否则，您需要检查元素的className属性w / plain ol'JavaScript。

Answer 3

var statusHistory = document.getElementById('order-journey-summary-tab');

if(statusHistory.classList.contains('ui-state-active')) {
    // do stuff
}

或者如果你有jQuery

if($('#order-journey-summary-tab').hasClass('ui-state-active')) {
    // do stuff
}