Question

假设我有一个ID为<label>的{{1}}代码，该代码会在点击时触发元素#trigger的{{1}}事件。点击.hide();以外的任何其他元素都应再次显示.target。这是我的代码，它可以工作，但我觉得它可以简化。

#trigger

我认为这可以通过条件简化吗？

Answer 1

您需要查看您是否未点击#target或其子项隐藏目标其他节目。

$(document).on('click', function(e){
    var that = $(e.target);
    if(that.prop('id')!='trigger' || that.closest('#trigger').length===0){
       $('.target').show(500);
    }else{
        $('.target').hide(500);
    }
});

更新了小提琴http://jsfiddle.net/vd8ddgra/1/

在jQuery中简化.click函数

1 个答案: