Jquery入力の隠し値を取得できません

Question

隠し入力型の値を取得しようとしていますが、機能しません。 （スクリプトタグ内）

のjQuery：

$('.flagComment').click(function() { 
    var commentid = $(this).siblings('.commentId').attr('value'); 

    alert(commentid); 
}); 

HTML（これは、whileループで数回エコー表示）：

<div class='bar'> 
    <a href='#' class='flagComment'>Flag</a> 
</div> 

<input type='hidden' class='commentId' value='testvalue' /> 

Answer 1

試してみてください。

var commentid = $(this).parent().next('.commentId').val(); 

隠し入力はdiv要素の兄弟ではなく、アンカーからです。

Answer 2

.commentIdが.flagCommentの兄弟ではないので、これは、より良い動作するはず：

$('.flagComment').click(function(){ 
    var commentid = $(this).parent().next('.commentId').val(); 
    alert(commentid); 
}); 

Demo

Answer 3

入力はこのリンクの兄弟ではありません。今では動作します：

<div class='bar'> 
<a href='#' class='flagComment'>Flag</a> 
<input type='hidden' class='commentId' value='testvalue' /> 
</div> 

あなたは（最も近いとも試すことができます）機能：

$('.flagComment').click(function() { 
    var commentid = $(this).closest('.commentId').attr('value'); 
    alert(commentid); 
});