從具有相同類名的不同輸入字段獲取值

Question

我正在處理圖像共享網站，現在我正在繪製頁面上的用戶相冊。每張專輯至少包含一張圖片，我想將所有專輯顯示爲每個框中帶有四張縮略圖（專輯中的前四張圖片）的方框。

圖像文件名存儲在每個框中隱藏輸入字段的值中，我想要做的是從每個相冊框中獲取所有文件名並將其顯示爲縮略圖。

我需要幫助的部分是我將如何從每個相冊框逐個獲取文件名。下面的代碼不起作用的顯而易見的原因，但它如何被重寫，所以它的工作原理？所有輸入字段都具有相同的類名稱。

在此先感謝！

if ($('.hiddenAlbumNames').length > 0){ 

     var images = $(this).val(); 

        // the rest of the code (creating images and putting them in the album boxes) 
    } 

Answer 1

你必須環路$('.hiddenAlbumNames') jQuery的集合讓所有的輸入

$('.hiddenAlbumNames').each(function() { 
     console.log($(this).val()); 
     /* rest of the code for each name retrieved */ 
})