时间戳

首页 > 解决方案 > java - 如何在java脚本中设置span而不是div中的文本？

javascript - java - 如何在java脚本中设置span而不是div中的文本？

问题描述

我在 div 中显示文件名，但我需要在单独的跨度中显示文件名作为其多类型文件上传。

<div class="img_slt_inpt_outr1">
    <input type="file" class="img_slt_inpt1 edu_upoad" id="doc_brow" multiple/>
</div>                                          
<div class="certf doc_brow" id="doc_brow" onmouseover="myclsFunction()" onmouseout="myclsFunction()"style="color:#14b6f4;margin-top: 15px;margin-bottom: 10px;">

</div>

上传的文件名将显示在 certf doc_brow 类中，因为它是一个 div，多个文件出现在 div 中，如：

在控制台中查看

但我需要像 filename1 和 filename2

我的jQuery代码是：

$('.edu_upoad').change(function () {
                    var file_id = this;
                    var class_name = file_id.id;
                    for(var s=0;s<this.files.length;s++){
                        Certificates.push(this.files[s]);
                        form.append("doc", this.files[s], this.files[s].name);
                        $("."+class_name).append(this.files[s].name);
                        $("."+class_name).append('<img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" />');
                        $("."+class_name).append('<br/>');
                        console.log(form);
                        console.log(this.files[s]);
                    }
                });

标签： javascriptjquerycssfile

解决方案

改变这个

 $("."+class_name).append(this.files[s].name);
 $("."+class_name).append('<img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" />');
$("."+class_name).append('<br/>');

至

 if (s > 0) {
     $("."+class_name).append('<span> And </span>');
 }
 $("."+class_name).append('<span>' + this.files[s].name + '<img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" />' + '</span>');

我所做的是将整个元素包装在 span 标签中

如果索引大于 0，则添加“和”文本

推荐阅读