同じ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) { 

}); 

をトリガーするボタンをクリックすると は、ここでは（最も近いを使用することができます）

_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"です。 詳しい説明が必要な場合は教えてください。

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

両親機能を使用すると、thisような何かをしたいですか

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

Answer 3

のように、このボタン のoutterラップdiv要素を選択するのだろうか？試してみてください

チェックこのフィドル：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();    
});