获取下一个输入的值

Question

<form method="post" id="formFinish2"> 
    <input type="checkbox" name="finish" /> 
    <input type="hidden" name="id" class="finishId" value="2" /> 
</form> 

<script type="text/javascript"> 
    $(":checkbox[name='finish']").click(function() { 
        id = $(this).closest('input.finishId').val(); 
        alert(id); 
        $("#formFinish".id).submit(); 
    }); 
</script> 

提醒我undefined。我希望它提醒我2，它来自您点击的复选框旁边的类finishId的输入。

Answer 1

这是因为closest只搜索DOM 向上。换句话说，closest开始按父元素，然后祖父元素等进行搜索。

您应该使用siblings代替。

$(this).siblings('input.finishId').val();

Answer 2

除了兄弟姐妹的功能，你也可以使用下一个功能。见http://api.jquery.com/next/