ループ投稿Ajaxの結果、それらはすべて以下のコード

Question

を掲載されるまで、このコードは私の最初のファイルに

$.ajax({ 
    url : "http://localhost/website/files/userstuff/files/", 
    asynch : false, 
    cache : false, 
    success: function (data) { 
     $(data).find("a").each(function(i, el) { 
      var val = $(el).attr('href'); 
      if (val.match(/\.(pdf|doc|docx|txt|html|js|css|rar|7zip)$/)) { 
       var fileslocation = ("http://localhost/website/files/userstuff/files/" + val) 
       var displayfilestable = ("<table><thead><tr><th>Files</th></tr></table>"); 
       var adddata = ("<tr><td><a href='"+ fileslocation +"'target='_blank'>"+ val +"</td></tr>"); 
       $("#filestable").html(displayfilestable) 
       $("filestable, table").append(adddata); 
       console.log(adddata) 
      } 
     }); 
    } 
}); 

を表示するための素晴らしい作品は、テーブルの行にファイルを引っ張ると表示思うだろうとして、しかしそれはあります最初のファイルに対してのみこれを実行すると、ここに誰かがテーブル内のファイルフォルダ内のすべてのファイルを表示するのを助けることができるかどうか疑問に思っていました。事前のおかげで

enter image description here

Answer 1

あなたのコードはうまく動作します。問題は、そのループで（それぞれ）あなたがテーブルを再作成し続けることです。なぜ1つのデータしか表示されないのか。あなたのコードに基づいて私の例を確認してください。

HTML

<div> 
<a href="sad1.pdf">sad1.pdf</a><br> 
<a href="sad2.pdf">sad2.pdf</a><br> 
<a href="sad3.pdf">sad3.pdf</a> 

<div id="filestable"></div> 
</div> 

JAVASCRIPTここ

var displayfilestable = ("<table><thead><tr><th>Files</th></tr></table>"); 
$("#filestable").html(displayfilestable); 
$("DIV").find("a").each(function(i, el) { // this is your data 
    var val = $(el).attr('href'); 
    if (val.match(/\.(pdf|doc|docx|txt|html|js|css|rar|7zip)$/)) { 
     var fileslocation = ("http://localhost/website/files/userstuff/files/" + val) 
     var adddata = ("<tr><td><a href='"+ fileslocation +"'target='_blank'>"+ val +"</td></tr>"); 
     $("filestable, table").append(adddata); 
       console.log(adddata) 
    } 
}); 

とJsfiddle：https://jsfiddle.net/synz/yrag1zpr/