按鈕上顯示nonunique div class點擊jquery

Question

我想在按鈕按鈕上顯示.unhideme的div類。這個類是動態生成的，所以有多個具有相同類名的div。使用JQuery如何正確顯示這個塊？

<div id="negativeButtons"> 
<div class="unhideme" name="unhideme" style="display:none"> 
    <h3>Comments</h3> 
    <textarea name="unhappymanager" id="unhappymanager"></textarea> 
</div> 
<input type="submit" class="excused" name="negativexcused" value="Excused"> 
<input type="button" class="unexcused" name="unexcused" value="Unexcused"> 
<input type="submit" class="commentpushDB" name="commentpushDB" style="display:none" value="Submit"> 
</div> 

在這裏我有jquery其他按鈕的作品，但我似乎無法找到一個函數，將顯示div。

$(document).ready(function() { 
$(".unexcused").click(function() { 
    $(this).closest(".unhideme").show(); 
    $(this).closest(".unexcused").hide(); 
    $(this).prev(".excused").hide(); 
    $(this).next(".commentpushDB").show(); 
}); 
}); 

Answer 1

相反，你必須使用.siblings()方法：

$(".unexcused").click(function() { 
    $(this).siblings(".unhideme").show(); 
    $(this).siblings(".unexcused").hide(); // <---- ?? why hide the buttons. 
    $(this).prev(".excused").hide(); 
    $(this).next(".commentpushDB").show(); 
}); 

這是因爲按鈕和DIV是兄弟不是的父母。