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)