關於隱藏選定的div的div

Question

我都覺得五週的div佈局如下面的代碼jQuery的幫助..

//Div one 
<div class="container"> 
<div class="hide"> 
    <button class="hide" value="hide" /> 
</div> 
</div> 

//Div Two 
<div class="container"> 
<div class="hide"> 
    <button class="hide" value="hide" /> 
</div> 
</div> 

//Div Three 
< div class="container"> 
<div class="hide"> 
    <button class="hide" value="hide" /> 
</div> 
</div> 

說現在我點擊第二個div的隱藏按鈕，我想隱藏第二div ..這是我想隱藏的按鈕點擊對應的div .. 如何通過jquery做到這一點???

我嘗試使用jQuery的通過了「這個」關鍵字，但這樣會隱藏所有的容器，而不是隻有一個。 請幫我

Answer 1

$('button.hide').on('click', function() { 
    $(this).closest('.container').hide() 
}); 

我指定button.hide代替.hide的選擇，因爲你必須與類名多種不同元素

查看jQuery docs

closest()使用獲取第一個匹配的元素選擇器，從當前元素開始，在DOM樹中前進。

Answer 2

使用jQuery .closest()方法遍歷DOM樹以定位<div>。然後你可以觸發div上的隱藏。

$('button.hide').click(function() { 
    $(this).closest('.container').hide(); 
}); 

這，當然，是在DOM準備好做：$(document).ready(function() { /*...*/ });