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

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 */
})