JQuery 从远程页面写入特定数量的元素

Question

以下内容用于将来自外部页面（域内）的所有 img.cover 元素写入 div。我需要通过在函数内指定的前 6 个或 8 个等选择或写入一个来控制写入的元素数量。

如果您能看到一个简单的方法，请告知。我是 JQuery 的新手，这是我所了解的。

function loadClass(targetElement, sourceClass) {
    var mytarget = $(targetElement); // cache the initial
    mytarget.hide().empty();
    mytarget.load("[root URL removed]/0_gallery_covers.html ." + sourceClass);
    $(document).ready(function () {
        mytarget.show();
    });
}

Answer 1

我对这个的直觉是你会使用 page fragments load method but include the 'sourceClass' you mentioned as well as a limit based on the :lt() 选择器。

您的负载可能是：

mytarget.load("[root URL removed]/0_gallery_covers.html ." + sourceClass+":lt(8)");

您应该能够根据需要的内容量定制 :lt() 表达式。

有关仅使用本地数据的简单测试，请参阅 this jsFiddle。

JQuery 从远程页面写入特定数量的元素

JQuery write specific count of elements from remote page

jquery

select

element

count