2016-05-16 2 views
2

ボタンプレスで.unhidemeのdivクラスを表示したいと思います。このクラスは動的に生成されるので、同じクラス名を持つ複数のdivが存在します。 JQueryの使い方このブロックを正しく表示するには?ボタンクリックjqueryで非ユニークなdivクラスを表示

<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を表示する関数が見つからないようです。

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

ボタンやdiv要素は兄弟ではない親であるためです:あなたが.siblings()メソッドを使用する必要が代わりに

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

答えて

2

+1

完璧!ありがとうございました! –

関連する問題