jquery通过class多级选择

$(".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 子节点 简洁一些