Dynamically adding div on button click and changing Id of each?

by 

$("#button").click(function () {
  $('.item').append('<div>new div</div>')
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="main" id="container">
<div class="item">
items
</div>
</div>
<button id="button">
Click me
</button>

hope it will help

More Related Contents:

  1. .val() don't edit input
  2. How can I modify with css an image appended with javascript?
  3. How to get children id when I click the parent?
  4. best tools for theme design? [closed]
  5. Java script on focus instead of onclick
  6. Scroll Function working in reverse order [closed]
  7. HTML text input allow only numeric input
  8. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  9. How can I change an element’s text without changing its child elements?
  10. horizontal scrollbar on top and bottom of table
  11. Persisting the changes of range objects after selection in HTML
  12. Set custom HTML5 required field validation message
  13. How to pass parameters on onChange of html select
  14. Show and hide divs at a specific time interval using jQuery
  15. How do I detect “shift+enter” and generate a new line in Textarea?
  16. Adding additional data to select options using jQuery
  17. HTML5 dragleave fired when hovering a child element
  18. HTML5 Local Storage fallback solutions [closed]
  19. jQuery $(“#radioButton”).change(…) not firing during de-selection
  20. Open a new javascript window(.open) along with its CSS styling
  21. How to Disable Copy Paste (Browser)
  22. Search and Highlight in jQuery
  23. Is it possible to add html inside a title attribute?
  24. Trigger standard HTML validation (form) without using submit button? [duplicate]
  25. How do I detect the inherited background-color of an element using jQuery/JS?
  26. Remove ‘All Files’ option from HTML file input
  27. DOM Element Width before Appended to DOM
  28. refresh div with jquery
  29. focus on next tabindex of HTML element onEnter keypress by JQuery
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment