獲取下一個輸入的值

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/