使用jQuery從輸入字段中獲取值

Question

我想從jQuery中的輸入字段獲取值，但我一直收到一個未定義的變量。內容是動態加載的，所以我需要使用（this）和類。

下面是HTML：

<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()。 siblings()通過給定的選擇器獲取節點的兄弟節點。

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

jsFiddle