使用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