在jquery中獲取父類的屬性

Question

只是一個關於jQuery的簡單問題。我是新手。當用戶點擊「span.fav」（星號）時，如何獲得「post_id」的值？我想要父母的價值，而不是文件中的第一個價值。我認爲最接近的工作？

的HTML

<form action="index.php" method="post" accept-charset="utf-8"> 
    <div class="hidden"> 
     <input type="hidden" name="post_id" value="1000000019" /> 
     <input type="hidden" name="xxxxxxx" value="xxxxxxxxxx" /> 
    </div> 
    <p> 
     <span name="fav" class="fav">★</span>Post message here...<span class="author">by Thomas Quantas</span> 
    </p> 
</form> 
<form action="index.php" method="post" accept-charset="utf-8"> 
    <div class="hidden"> 
     <input type="hidden" name="post_id" value="1000000020" /> 
     <input type="hidden" name="xxxxxxx" value="xxxxxxxxxx" /> 
    </div> 
    <p> 
     <span name="fav" class="fav">★</span>Post message here...<span class="author">by Thomas Quantas</span> 
    </p> 
</form> 

jQuery的我到目前爲止。

$(document).ready(function(){ 
$("span.fav").bind('click', function() { 
    //var test = $(this).parent(); 
    //var test = $(this).closest(); 
    var hidden_id = $(this).closest($("input[type='hidden']").attr('value')); 
    var hidden_id = $("input[type='hidden']").attr('value'); 
    alert(hidden_id); 
}); 
}); 

Answer 1

嘗試：

var hidden_value = $(this).closest('form').find('input:hidden[name="post_id"]').attr('value'); 
    alert(hidden_value); 

的區別是最接近內部：傳遞一個字符串，而不是jQuery選擇。

Answer 2

只要找到父母，然後做後續搜索從：

$('span.fav').click(function(){ 
    var rel = $(this).parentsUntil('form').parent(); 
    var hidden_id = $(rel).find("input[name='post_id']").val(); 
}); 

Answer 3

，你應該從形式找到最接近的形式和輸入命名POST_ID

var hidden_id = $(this).closest("form").find("input[name='post_id']").val();