jquery - 使用 jQuery 从输入字段中获取值

Question

我试图从 jquery 中的输入字段中获取一个值，但我不断得到一个未定义的变量。内容是动态加载的，所以我需要使用 (this) 和 classes。

这是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