在jQuery的同一div中選擇隱藏字段值

Question

這應該很簡單，不知道爲什麼我有問題。我試過$this.closest('.image_id').val()但我總是收到undefined。

這裏是jQuery的我使用的是：

$('#image_container').on('change', '[name="image-type"]', function() { 

    $this = $(this); 

    console.log($this.closest('.image_id').val()); 

}); 

的HTML：

<div id="image_library"> 
    <div class="row-fluid library-row"> 

     <div class="span3 library-file-name"> 
      file name 
     </div> 

     <div class="span1 library-image-size"> 
      file size 
     </div> 

     <div class="span4 library-actions"> 

      <input type="hidden" class="image_id" name="image_id" value="1303"> 

      <select name="image-type"> 
       <option value="none">Not Set</option> 
       <option value="thumbnail">Thumbnail</option> 
       <option value="feature">Feature</option> 
       <option value="gallery">Gallery</option> 
      </select> 

     </div> 
    </div> 
</div> 

Answer 1

爲父最近searchs，但你正在尋找一個兄弟。 這可以用下面的代碼來完成：

$(this).siblings('.image_id').val() 

http://api.jquery.com/siblings/

Answer 2

​$(document).ready(function(​){ 
    $('[name="image-type"]').on('change', function() { 
     $this = $(this); 
     console.log($this.siblings('.image_id').val()); 
    }); 
});​