針對父div不工作的jquery

Question

我有一個按鈕，單擊時我想淡入另一個名爲'隱藏'的部分。我不認爲我的目標是正確地按照標準工作。

這裏是我的jQuery

$(document).ready(function() { 
$('.singleBtn').click(function(){ 
    $(this).find('.tick').fadeIn(500); 
    $(this).parent('.pt-trigger-container').find('.hidden').fadeIn(500); 
}); 
}); 

我還創建了一個jsfidde。

Answer 1

您需要使用.parents()不.parent()

$(document).ready(function() { 
    $('.singleBtn').click(function() { 
     $(this).find('.tick').fadeIn(500); 
     $(this).parents('.pt-trigger-container').find('.hidden').fadeIn(500); 
    }); 
}); 

，或者您可以使用.closest()還有：

$(document).ready(function() { 
    $('.singleBtn').click(function(){ 
     $(this).find('.tick').fadeIn(500); 
     $(this).closest('.pt-trigger-container').find('.hidden').fadeIn(500); 
    }); 
}); 

---

試試這個：

$(document).ready(function() { 
    $('.singleBtn').click(function(){ 
     $(this).find('.tick').fadeIn(500); 
     $(this).closest('.pt-trigger-container').next().fadeIn(500); 
    }); 
}); 

Updated Fiddle

Answer 2

你的按鈕後面有一個太多的關閉div。 @ Felix的變化會的工作，我已經更新了的jsfiddle這裏：

http://jsfiddle.net/VVNSF/9/

$(document).ready(function() { 
    $('.singleBtn').click(function(){ 
     $(this).find('.tick').fadeIn(500); 
     $(this).closest('.pt-trigger-container').find('.hidden').fadeIn(500); 
    }); 
});