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);
});

打开它的按钮称为＆＃39;设置＆＃39;应该关闭div的人被称为＆＃39; close_btn＆＃39;。

Answer 1

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

Error: could not find function "JDBC"

这里我们可以使用nearest（）

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

});

如果我们想使用类选择器

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

它将使用class =＆＃34; parent_div＆＃34;隐藏按钮和父元素。如果需要更多解释，请告诉我。

Answer 2

试试这个

    //to remove completely from page
        $('.button_class').parents('.parent-div-class').remove();
    // to hide only
     $('.button_class').parents('.parent-div-class').fadeOut('fast');

父母函数将选择此按钮的outter wrap div 喜欢

         <div class="parent-div-class">
            <div>
               <button attribse></button>
           </div>
        </div>

Answer 3

你想要this之类的东西吗？

检查这个小提琴：https://jsfiddle.net/egocgn9y/

css：

div{
  border : 2px solid green;
  width : 100px;
  height : 100px;
  float: left;
  margin-left : 2px;
}
div input[type="button"]{
  float:right;
}

html：

<div>
  <input id="btnClose1" type="button" Value="X">
</div>
<div>
  <input id="btnClose2" type="button" Value="X">
</div>

js：

$('#btnClose1').on("click", function(){
  this.parentElement.remove();                 
});
$('#btnClose2').on("click", function(){
  this.parentElement.remove();               
});

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

3 个答案: