Использование parent() для получения значений в jQuery

Question

Я печатаю ниже фрагмент HTML в цикле.

<div class = "commentbox"> 
    <input type="hidden" name="postid" value="${p.postid}" /> 
    <input type="hidden" name="username" value="${username}" /> 
     <input type="hidden" name="source" value="user_home" /> 
    <textarea name="comment" cols="40" rows="1" class="add_comment" 
     placeholder="Add a comment..."></textarea> 
    <div class="post_con"> 
     <button type="submit" class="postcomment">Post</button> 
    </div> 
</div> 

У меня есть этот JQuery кусок, где я хотел бы получить значение <input name="postid"> при нажатии на <button class="postcomment">.

$(".postcomment").click(function(){ 
    var parent = $(this).parent(); 
    var postid = parent.find(".postid").val(); 
    console.log(postid); 
}); 

Однако, он регистрирует undefined. Как я могу получить значение postid?

Answer 1

Вы можете использовать .closest() пройти до commentbox элемента, который является общим предком как элемент postcomment и postid элементов.

Тогда, как вы указали postid в name атрибут, вы можете использовать Attribute value selector.

$(".postcomment").click(function() { 
    var parent = $(this).closest('.commentbox'); 
    var postid = parent.find("[name=postid]").val(); 
    console.log(postid); 
});