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

我之前使用灯箱/模态完成了这项操作，以减少高分辨率图片页面上的加载时间，因此我认为这也适用于此应用程序。

非常感谢大家阅读这篇文章，并提前感谢任何能够帮助我们修改代码的人。

-Mike

Answer 1

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

JQuery，选择可见div的孩子

1 个答案: