title: How to set the text in span instead of div in java script?
body: <p>I am displaying the file name in div but i need to show file name in separate span as its multiple type file upload.</p>
  
  <pre><code>&lt;div class="img_slt_inpt_outr1"&gt;
      &lt;input type="file" class="img_slt_inpt1 edu_upoad" id="doc_brow" multiple/&gt;
  &lt;/div&gt;                                          
  &lt;div class="certf doc_brow" id="doc_brow" onmouseover="myclsFunction()" onmouseout="myclsFunction()"style="color:#14b6f4;margin-top: 15px;margin-bottom: 10px;"&gt;
  
  &lt;/div&gt; 
  </code></pre>
  
  <p>Uploaded filename will be displayed in class certf doc_brow as it is a div the multiple files appear in the div like :</p>
  
  <p><a href="https://i.stack.imgur.com/xCWhk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xCWhk.png" alt="see in console"></a></p>
  
  <p>but i need like  filename1  and  filename2 </p>
  
  <p>my jquery code is:</p>
  
  <pre><code>$('.edu_upoad').change(function () {
                      var file_id = this;
                      var class_name = file_id.id;
                      for(var s=0;s&lt;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('&lt;img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" /&gt;');
                          $("."+class_name).append('&lt;br/&gt;');
                          console.log(form);
                          console.log(this.files[s]);
                      }
                  });
  </code></pre>