Ajax 获取加上 jQuery 追加

Question

我有一个小函数可以异步获取数组。我得到了回应，这一切都有效，唯一没有的是孩子的追加。我不知道这样是否有效，我试过了，但是没有用。

function getFiles(e, uname){
    $.get({
        url: `http://myurl/files/${uname}?dir=${e.id}`,
        success(response){
          for(let i = 0; i < response.length; i++){
            $(`#${e.id}`).append('<div class="collapsible-body"><a href="/files/'+uname+'/download/'+response[i]+'">'+response[i]+'</a></div>');
             // $(`#${e.id}`).append("HELLO");
          }
        },
        error(err){
          console.log(err);
        }
    })
}

如果有人能回答就太好了。我对 JavaScript 有点陌生/谢谢。如果不清楚，请评论。

HTML/EJS:

  <div class="row">
    <ul class="collapsible" data-collapsible="accordion">
        <% for(let i = 0; i < directories.length; i++){ %>
      <li id="<%= directories[i] %>" onclick="getFiles(this,'<%= user.username %>')">
        <div class="right" style="margin: 15px 10px 0 0"><a href="<%= user.username%>/bills/<%= directories[i] %>">Rechnung</a></div>
          <div class="collapsible-header"><i class="material-icons">card_travel</i><%= directories[i] %></div>

      </li>
        <% } %>
    </ul>
  </div>