$(".bm-quality .bm-toolbar-action .quality-screening").on('click', function() {
var option = {
width : "565px",
height : "830px",
opacity : 1
};
var filter = $(".bm-quality-filter-default");
if ($(filter).hasClass('bm-quality-filter-open')) {
option = {
width : "0px",
height : "0px",
opacity : 0
};
}
this.loadData();
},
以上js代码
下面给出html代码
<div class="bm-quality">
<div class="bm-toolbar-action">
<ul>
<li class="bm-border-radius">
<i class="fa fa-bars"></i>
</li>
<li class="bm-border-radius" style="margin: 6px 20px;" data-toggle="modal" data-target="#bm-moudle-quality-addProblem-Modal">
<i class="fa fa-plus"></i>
<span style="cursor: pointer;">添加</span>
</li>
<li class="bm-border-radius">
导入
</li>
<li class="bm-border-radius">
导出
</li>
<li>
<img src="<c:url value='/resources/images/icon/screening.png'/>" class="quality-screening" />
</li>
点击class为quality-screening js会触发响应事件,
js思路通过选择class 点号选择器 ,其实直接选择最后一个class也可以 当然不要有重复
$(".quality-screening").on('click', function() {
这种写法比find 子节点 简洁一些