jQuery循环遍历元素属性

时间:2017-11-01 05:31:55

标签: javascript jquery html each

使用jQuery,考虑到变量 dxl 是指向.pdf文件的链接数组,当单击按钮时,如何在元素的属性中循环dxl数组的值?< / p>

示例:

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

点击推送按钮后,下载3 .pdf文件;循环href属性中的数组值。单击按钮,href接收第一个数组值,下载它,然后将下一个数组值传递给href(无需再次单击按钮)。

3 个答案:

答案 0 :(得分:0)

您可以遍历数组:

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

答案 1 :(得分: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]);
    }
});

答案 2 :(得分: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');
}