检查元素是否具有特定类并打开引导模式

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'); 
});