通过获取 class 单击所有元素

Question

我点击了无数与我的问题类似的 stackoverflow 链接，但没有一个答案对我有用。

https://soundoftext.com/这个网站。 我试图通过按每个单独的下载按钮一次下载多个音频。 尝试在 chrome 的控制台中执行此操作。

 $( ".card__actions a:contains('Download')" ).each(function( index ) { $(this).click(); });

^这似乎返回一个数组。 r.fn.init(X)...

 buttons = document.getElementsByClassName('card__action'); for(var i = 0; i < buttons.length; i++) buttons[i].click();

^我也试过了，但它只想按下最后一个 card__action 元素。

这可能是超级愚蠢和明显的，但我一生都无法弄清楚。 停止

Answer 1

文本声音的创建者在这里。 我想你可能已经给我发了电子邮件？

无论如何，这是在 Chrome 中为我工作的 javascript。 它为每个 mp3 文件打开一个新选项卡：

$('.sounds.grid').querySelectorAll('a[download]').forEach(a => window.open(a.href))

Answer 2

尝试创建新链接并单击它们

buttons = document.getElementsByClassName('card__action')
function downloadURI(uri, name) 
{
    var link = document.createElement("a")
    link.download = name
    link.href = uri
    setTimeout(()=>{
        link.click()
    },50)
}

for (let i=0;i<buttons.length; i++) {
if (buttons[i].textContent=='Download')
    setTimeout(()=>{
        console.log(`dispatched, ${i}, ${buttons[i].href}`)
        downloadURI(buttons[i].href,buttons[i].href)
    },(i+1)*450)
}