jQuery duplicate DIV into another DIV

by

You’ll want to use the clone() method in order to get a deep copy of the element:

$(function(){
  var $button = $('.button').clone();
  $('.package').html($button);
});

Full demo: http://jsfiddle.net/3rXjx/

From the jQuery docs:

The .clone() method performs a deep copy of the set of matched
elements, meaning that it copies the matched elements as well as all
of their descendant elements and text nodes. When used in conjunction
with one of the insertion methods, .clone() is a convenient way to
duplicate elements on a page.

More Related Contents:

  1. javascript change element from another page
  2. This doesn’t seem right? Javascript isn’t working
  3. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  4. Refresh/reload the content in Div using jquery/ajax
  5. How to do a Jquery Callback after form submit?
  6. How to delete a localStorage item when the browser window/tab is closed?
  7. Animate element to auto height with jQuery
  8. Get list of data-* attributes using javascript / jQuery
  9. Limit number of lines in textarea and Display line count using jQuery
  10. Jquery Mobile – $.mobile.changepage not loading external .JS files
  11. Create table with jQuery – append
  12. How to auto-scroll to end of div when data is added? [duplicate]
  13. Value was evaluated just now with console.log on JavaScript object
  14. Detect if browser is running on an Android or iOS device
  15. Adding rows dynamically with jQuery
  16. How to make supported on all browsers? Any alternatives?
  17. Preview images before upload
  18. Clearing my form inputs after submission
  19. Multiple Select limit number of selection
  20. Check if element is between 30% and 60% of the viewport
  21. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  22. Trying to load local JSON file to show data in a html page using JQuery
  23. Disable zoom on input focus in Android webpage
  24. how to use jQuery ajax calls with node.js
  25. Include html in another html file [duplicate]
  26. Detect if dropdown navigation would go off screen and reposition it
  27. Iframe inherit from parent
  28. copying the value of a form’s file input field to another form’s input field
  29. Bootstrap Dropdown menu is not working
  30. trigger file upload dialog using javascript/jquery

Leave a Comment