javascript - Javascript - 加载过滤外部 html 文件

Question

我需要一些关于如何过滤外部 html 文件的建议。

我可以使用以下代码很好地加载文件。

$('body').load('files/my-links.html', function(data) {
document.write(data) ;
}) ;

由于该文件在链接中包含多个类，因此我想过滤按类显示的链接。允许我将所有外部链接放在一个文件中，然后在任何给定时间只显示我想要的那些。我还想限制我随时显示的链接数量。因此，如果午餐盒类有 25 个链接，我一次只能显示 10 个。

我试过把整个东西放在一个数组中，但这没有帮助。有什么建议么？

Answer 1

您可以为 .load 提供选择器，例如：

$('body').load('files/my-links.html a:lt(10)');

它会做与使用相同的事情：

$.get('files/my-link.html',function(html){
    $('body').html($(html).find('a:lt(10)'));
});

a:lt(10)表示选择前 10 个锚标签。

您当然也可以在上课时按您的班级进行过滤：a.myclass或a.myclass:lt(10)