在多个页面中搜索类名并使用 javascript 获取该类的 url

Posted

技术标签:

【中文标题】在多个页面中搜索类名并使用 javascript 获取该类的 url【英文标题】:search a class name in multiple pages and get the urls with that class with javascript 【发布时间】:2022-01-20 15:55:21 【问题描述】:

如果任何页面中有类名,我正在尝试在 url 数组中搜索,并获取一个包含具有该类名的 url 的新数组。

这就是我所拥有的:

var urls = ["https://www.url.com/withclass","https://www.url.com/withoutclass"];
var classToFind=document.getElementsByClassName('empty');
var results = [];
 
function findClassURL(url, classempty)
    jQuery.ajax(
        url:      url,
        dataType: 'text',
        type:     'GET',
        complete:  function(classname)
            if(typeof classempty === 'function')
                classempty.apply(this, [classname.all]);
        
    );


for(var i = 0; i < urlsToSearch.length; i++) 
    findClassURL(results.push(urlsToSearch[i]), function() 
        if(all)
            console.log(results + '   ok');
        
        else 
            console.log(urlsToSearch + '   has products');
        
    );

现在这给我一个 404 错误。

请帮助我知道是否有其他方法可以做到这一点

谢谢

【问题讨论】:

你误解了“类名”的真正含义。 从编程的角度来看,这些只是字符串和子字符串。通过调用它们的 URL 和类来分散问题的注意力。 这能回答你的问题吗? Filter strings in Array based on content (filter search value) 【参考方案1】:

在您的 for 循环之前,我会定义一个空数组来保存您的结果(其中包含 className 的 url。像这样:

let results = [];

然后,如果给定的 url 具有 className,则将 url 添加到结果数组中,如下所示:

results.push(urlsToSearch[i]

然后在你的函数结束时,像这样返回结果:

return results;

【讨论】:

以上是关于在多个页面中搜索类名并使用 javascript 获取该类的 url的主要内容,如果未能解决你的问题,请参考以下文章

在组件中导入 javascript 文件并在多个页面上使用时出现 Blazor JSRuntime 问题

搜索时的Jquery select2自定义javascript函数

如何在 css 类名中使用 javascript 变量并在 Rails 中通过 jquery 获取 css 颜色名

JavaScript 切换DOM元素上的类名(支持多个类名)

Javascript 在数组中搜索一个值并获取它的键

通过Javascript自动单击具有唯一标签和类名的页面上的按钮的方法