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> 

은 내가 <button class="postcomment"> 클릭 할 때 나는 <input name="postid"> 값을 좀하고 싶습니다이 jQuery를 조각이있다.

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

그러나 undefined은 기록합니다. postid 값을 얻으려면 어떻게해야합니까?

Answer 1

.closest()을 사용하면 postcomment 및 postid 요소의 공통 상위 요소 인 commentbox 요소까지 트래버스 할 수 있습니다.

postid을 name 속성에 지정 했으므로 Attribute value selector을 사용할 수 있습니다.

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