javascript - 单击同一 div 内的按钮时关闭 div

Question

回答起来很简单，但我无法让它工作...... 标题说明了一切，所以也许有人可以帮助我。

_doc.on('click','.settings',function() {
    $('.icon-bar').fadeIn(200);
});

_doc.on('click','.close_btn',function(e) {
    $('.icon-bar').hide(e.currentTarget.id);
    $('.icon-bar').fadeOut(200);
});

打开它的按钮称为“设置”，应该关闭 div 的按钮称为“close_btn”。

Answer 1

让我试着解释一下。 当用户点击按钮时，我们的事件将触发

_doc.on('click','.close_btn',function(e) {

});

这里我们可以使用closest()

_doc.on('click','.close_btn',function(e) {
   jQuery(this).closest('div').hide();
});

如果我们想使用类选择器

_doc.on('click','.close_btn',function(e) {
   jQuery(this).closest('.parent_div').hide();
});

它将隐藏带有 class="parent_div"的按钮和父元素。 如果需要更多解释，请告诉我。