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

Question

如何检查元素是否具有特定类并打开模态？

HTML代码：

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

如果<li>有类has-error，那么应该打开一个Bootstrap模式：

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