jQuery，選擇可見div的子級

Question

我的HTML是這樣的：

<div id="paj_container" class="container">
    <div class="three_paj_els">

    <div id="1" class="a_paj_element">
        <input type="hidden" class="listed_hidden_img" value="http://google.com/whatever.png" />
    </div>                               

    <div id="2" class="a_paj_element">
        <input type="hidden" class="listed_hidden_img" value="http://google.com/whatever2.png" />
    </div>  

    <div id="3" class="a_paj_element">
        <input type="hidden" class="listed_hidden_img" value="http://google.com/whatever3.png" />
    </div>                       
    </div>
</div>

為了使您不必花更多的時間瀏覽代碼，請將每個.a_paj_element div假裝為我的JQuery分頁中的單獨頁面。

為了減少頁面加載時間，我的計划是將分頁上的圖像推入那些隱藏的輸入類型的值。 當頁面可見時，JQuery將獲取這些值，並使用replace with函數將其替換為標簽，以便在您瀏覽分頁頁面時加載圖像，而不是一次加載所有圖像。 為此，我一直在努力做到這一點：

var currentPage = $('.three_paj_els:visible');
currentPage.children('.listed_hidden_img').each(function() {
    var the_image_SRC = $(this).val();
    $('.listed_hidden_img').replaceWith('<img src="'+the_image_SRC+'" />');
});

基本上，我試圖只在當前可見的.three_paj_els中替換.listed_hidden_​​imgs

我以前使用燈箱/模式來完成此操作，以減少具有高分辨率圖片的頁面上的加載時間，因此效果很好，因此我認為這也適用於此應用程序。

感謝一大堆讀者，並感謝任何可以幫助糾正我的代碼的人。

-麥克風

Answer 1

var the_image_SRC = $（this）.attr（'src'）;