2017-11-01 15 views
0

変数を考慮して、変数を考慮して、dxlは、.pdfファイルへのリンクの配列です。ボタンをクリックすると、要素の属性でdxl配列の値を循環させるにはどうすればよいですか?jQueryの循環要素属性

例:

HTMLボタンをクリックすると押した後、3つの.pdfファイルをダウンロードするために探し

<a href="#"> Push </a> 

jQueryの

var dxl = ["d.pdf", "x.pdf", "l.pdf"]; 

$("a").click(function(){ 
    $("#button").attr("href", dxl); 
    $("#button").attr("download", pdf_name); 
}); 

href属性の配列値を循環させます。ボタンをクリックすると、hrefが最初の配列値を受け取ってダウンロードし、次の配列値がhrefに渡されます(もう一度ボタンをクリックする必要はありません)。あなたは、配列を反復処理することができます

+1

あなただけのすべてのファイルのための一時的な 'A'要素を作成し、あなたがしたい場合はJavaScriptを通してそれをクリックすることができます。 – Nisarg

答えて

0

dxl.map(function(val){ 
    console.log(val); //will print d.pdf, x.pdf and l.pdf 
}); 
0

私が考える最善の方法は、httpは、複数のファイルをダウンロードしてサポートしていないため、別の新しいウィンドウでファイルを開くことです。

var dxl = ["d.pdf", "x.pdf", "l.pdf"]; 
$("a").click(function(){ 
    for (var i = 0; i < dxl.length; i++){ 
     window.open(dxl[i]); 
    } 
}); 
0

これは動作します希望...

var dxl = ['d.pdf', 'x.pdf', 'l.pdf']; 

for(var href of dxl){ 
    console.log(href); 

    jQuery('#button').attr('href',href); 
    jQuery('#button').trigger('click'); 
}