jQuery로 입력 필드에서 값 가져 오기

Question

jquery 내의 입력 필드에서 값을 가져 오려고하지만 정의되지 않은 변수가 계속 나타납니다. 내용은 동적으로로드되므로 (this) 및 클래스를 사용해야합니다.

<div class="menu_page_container"> 
    <div class="page_link">NAME</div> 
    <input type="hidden" value="5" class="page_id" />  
</div> 

jQuery를 :

$(document).ready(function() { 
    $(".page_link").on('click', function() { 
     var item_id = $(this).find(".page_id").attr("value"); 
     alert(item_id); 
    }); 
}); 

Answer 1

사용 siblings() 여기

는 HTML입니다. siblings() 주어진 셀렉터를 사용하여 노드의 형제를 가져옵니다.

$(document).ready(function() { 
    $(".page_link").on('click', function() { 
     var item_id = $(this).siblings(".page_id").val(); 
     alert(item_id); 
    }); 
}); 

jsFiddle