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); 
});