檢查元素是否具有特定類並打開引導模式

Question

如何檢查元素是否具有特定類並打開模式？

HTML代碼：

<ul> 
<li class="class-one class-two has-error">Lorem Ipsum</li> 
</ul> 

如果<li>有類has-error然後引導模式應打開：

<div id="has-error" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
    ERROR! 
    </div> 
</div> 

我肯定需要一個腳本來檢查類是否存在，並解僱莫塔爾，但我不知道如何開始。

Answer 1

//你需要描述的情況，但如果發生在頁面加載它，使用jQuery

$(document).ready(function() { // When page finished loading 
    if ($('.has-error').length) { // if there is an DOM that has class has-error 
    $('#has-error').modal('show'); // Show Modal 
    } 
}); 

Answer 2

您需要以某種方式選擇li。在這個例子中，我使用了這個purpouse的'class-class'類。

$('li.class-one').each(function() 
{ 
    if($(this).hasClass('has-error')) 
     $('#has-error').modal('show'); 
});