JavaScript How to append button dynamically to a div dynamically append button

Here is my code

<div class="EquipmentContent row">
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 subSection" style="float:right;background:#dff0ff;">         
        <section class="col-xs-12 col-sm-1 cl-md-1 col-lg-1">
          <button type="button" style="display: inline-block;float:right;" class="btn btn-danger" onclick="hideEquipmentDetails()"><i class="fa fa-times"></i></button>
        </section>
      </div>
    </div>

Here am loading div data dynamically

var content= response.data.filters;
$.each(content,function(i,value){ 
    $('.subSection').html('<section class="col-xs-12 col-sm-2 cl-md-2 col-lg-2"><label class="equipmentHeaderlable">Name</label><label class="equipmentHeaderValues">'+value.name+'</label></section>').appendTo('.EquipmentContent');
});

Its looping through correctly but only first object is displayed.(i.e I have 6 names in an array but its showing only 1st name).why so?I tried by adding scroll and height also.

One more thing how can I append this section dynamically?

<section class="col-xs-12 col-sm-1 cl-md-1 col-lg-1">
<button type="button" style="display: inline-block;float:right;" class="btn btn-danger" onclick="hideEquipmentDetails()"><i class="fa fa-times"></i></button>
    </section>
Answer:1

I am trying to convert an array to a new set of arrays by value, in this case, id. Input let array = [ {"item": {"id": 111, "name": "item1"}, "qty": 1}, {"item": {"id": 222, "name": "item2"}, "...

I am trying to convert an array to a new set of arrays by value, in this case, id. Input let array = [ {"item": {"id": 111, "name": "item1"}, "qty": 1}, {"item": {"id": 222, "name": "item2"}, "...

  1. group nested array mongodb
  2. group nested array
  3. group multidimensional-array php
  4. mongodb group nested array
  5. mongodb aggregate group nested array
  6. nested array mongodb

I've got this firebase cloud function that I've coded to count the number of registered users vs the anynymous users. // Recalc totals user exports.recalcTotalUsers = functions.https.onRequest((req, ...

I've got this firebase cloud function that I've coded to count the number of registered users vs the anynymous users. // Recalc totals user exports.recalcTotalUsers = functions.https.onRequest((req, ...

  1. azure http function return json
  2. azure function http return xml
  3. http response return function
  4. http request function return

I have two Input fields I want to name based on user input but this name should be lowercase and spaces between words change to "-". I am doing like this $(function() { $("#name").keyup(...

I have two Input fields I want to name based on user input but this name should be lowercase and spaces between words change to "-". I am doing like this $(function() { $("#name").keyup(...

  1. auto generate name in excel
  2. auto generate name
  3. auto generate file name
  4. auto generate company name
  5. auto generate business name
  6. auto generate rap name
  7. auto generate domain name
  8. auto generate team name
  9. auto generate instagram name
  10. auto generate computer name unattend.xml
  11. auto generate last name
  12. salesforce auto generate name
  13. auto generate file name word
  14. c# auto generate name
  15. auto generate excel file name
  16. java auto generate variable name
  17. mdt auto generate computer name
  18. php auto generate file name
  19. auto-generate unit-of-order name

I am trying to scrape the following Javascript frontend website to practise my Javascript scraping skills: https://www.oplaadpalen.nl/laadpaal/112618 I am trying to find two different elements by ...

I am trying to scrape the following Javascript frontend website to practise my Javascript scraping skills: https://www.oplaadpalen.nl/laadpaal/112618 I am trying to find two different elements by ...

  1. python selenium scraping tutorial
  2. python selenium scraping example
  3. python selenium scraping
  4. python selenium scraping quora
  5. python selenium scraping javascript
  6. python selenium scraping table
  7. python selenium scrape website
  8. python selenium web scraping
  9. python selenium web scraping tutorial
  10. python selenium web scraping example
  11. python selenium webdriver scraping
  12. python selenium firefox scraping
  13. python selenium data scraping
  14. python selenium screen scrape
  15. python selenium chrome web scraping
  16. python selenium phantomjs web scraping
  17. python 3 web scraping selenium