2017-11-01 5 views
0

Mit jQuery, unter Berücksichtigung der Variablen dxl ist ein Array von Links zu PDF-Dateien, wie kann ich die Werte des Dxl-Array in einem Element Attribut, wenn eine Schaltfläche geklickt wird?jQuery Zyklus durch Element Attribut

Beispiel:

HTML

<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); 
}); 

Suchen 3 PDF-Dateien nach Drücken Schaltfläche geklickt wird zum Download; Durchlaufen der Array-Werte im Attribut href. Die Schaltfläche wird geklickt, href empfängt den ersten Array-Wert, lädt ihn herunter, und der nächste Array-Wert wird an href übergeben (ohne erneut auf die Schaltfläche klicken zu müssen).

+1

Sie könnten nur ein vorübergehendes 'a' Element für jede Datei erstellen und sie durch Javascript klicken, wenn Sie möchten. – Nisarg

Antwort

0

Sie können durch ein Array iterieren:

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

Die beste Methode, die ich denke, ist es, die Dateien in separaten neuen Fenster zu öffnen, weil http nicht mehrere Dateien unterstützen das Herunterladen.

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

Hoffnung dies funktionieren wird ...

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'); 
}