使用关闭按钮创建动态div

时间:2017-10-11 14:59:59

标签: javascript jquery

我正在尝试创建一个文件上传系统,其中每个选定的文件都显示在div中。

<div id="selected-files">
   <div id="selected-file">
      <svg>static file icon</svg>
      <span>file name</span>
      <svg>close icon</svg>
   </div>
</div>

jQuery逻辑是克隆&#34;选择文件&#34; div并相应地修改内容,包括向*close-icon-id-x* svg添加自定义ID *Close Icon*

但我不确定如何调用$("#close-icon-id-x")以便我可以相应地关闭克隆的div。当前id-x是添加到输入的文件数量,此逻辑无法正常工作。

这里是jQuery代码:

var selected_file = $(".selected-file").clone();

$($(selected_file).children()[1]).attr("id","my-custom-id-" + id-x);
$(selected_file).insertAfter('.selected-file');

0 个答案:

没有答案