jQueryを使用してページ上に複数のファイルをダウンロード

Question

私は、個別にダウンロードするファイルのリンクが多いページがあります。 1回のクリックですべてのファイルをダウンロードする機能があると良いと思った。ここに私がこれをテストするために書いたスクリプトがあります。

$('tbody tr a').slice(1).each(function(){ //don't mind the slice(). 
    console.log('starting download of: ' + $(this).attr('href')); // for debugging. 
    $(this).attr('target','_blank'); // so that a new page is opened for download. 
    window.location.href = $(this).attr('href'); 
}) 

問題は、スクリプトは最初のダウンロードリンクのみのダウンロードを誘発することです。しかし、コンソールが表示された場合は、すべてのファイルに対してログが出力されます。私はそれがページのリダイレクトのために起きていると思います。誰も私がこれを回避するのを助けることができますか？

Answer 1

<button>要素

var a = $("tbody tr a").slice(1); 
 

 
$("button").click(function(e) { 
 
    // download `a.txt`, `b.txt` 
 
    a.each(function() { 
 
    this.click() 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     <a href="data:text/plain,1" download="1.txt">1</a> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <a href="data:text/plain,a" download="a.txt">a</a> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <a href="data:text/plain,b" download="b.txt">b</a> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
    <!-- click to download `a.txt`, `b.txt` --> 
 
    <button>download all files</button>

Answer 2

あなたはここにこの答えを見てみたいことがあります。

jquery trigger ctrl + click

ちょうどあなたのリンクやトリガCTRLのすべての上で実行+新しいページ内のリンクを開くためにクリックしてください。