jquery closest用来隐藏弹出框当点击空白处

 

function selectOptions() {
            $('.set-ul, .checkbox-ul').hide();
            $('.set-btn').removeClass('set-active');
            $('.select-btn').removeClass('btn-active');

}

$(document).bind('click', function (e) {
            var setUl = $(e.target).closest('.set-ul').length;//下拉框
            var setBtn = $(e.target).closest('.set-btn').length;//点击的btn
            var seletBtn = $(e.target).closest('.select-btn').length;//点击的btn
            var selectUl = $(e.target).closest('.checkbox-ul').length;//下拉框
            if (seletBtn == 0 && selectUl == 0 && setBtn == 0 && setUl == 0) {
                selectOptions();
            }
 })

图中红框之外的都是隐藏当前弹出框