How can I “reset” to its original state after it has been modified by JavaScript?

by

I would clone the element, instead of saving the content. Then use replaceWith to restore it:

var divClone = $("#some_div").clone(); // Do this on $(document).ready(function() { ... })

$("#some_div").html("Yeah all good mate!"); // Change the content temporarily

// Use this command if you want to keep divClone as a copy of "#some_div"
$("#some_div").replaceWith(divClone.clone()); // Restore element with a copy of divClone

// Any changes to "#some_div" after this point will affect the value of divClone
$("#some_div").replaceWith(divClone); // Restore element with divClone itself

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to send data to the server via Ajax?
  3. How to force browser to show image 3 inches wide?
  4. Making a quiz in HTML and Javascript [closed]
  5. HTML Form Submit pass array to PHP [closed]
  6. Add/Remove Class of Nav Objects on Page Scroll
  7. How to find certain text in HTML
  8. How can I select an element by name with jQuery?
  9. How to save an image to localStorage and display it on the next page?
  10. jQuery disable/enable submit button
  11. TypeError: p.easing[this.easing] is not a function
  12. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  13. Make function wait until element exists
  14. Set keyboard focus to a
  15. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  16. how to disable DIV element and everything inside [duplicate]
  17. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  18. Load HTML page dynamically into div with jQuery
  19. jQuery position DIV fixed at top on scroll
  20. How do I select the innermost element?
  21. How to prevent html/JavaScript code modification
  22. How can I set preview of video file, selecting from input type=’file’
  23. Detect browser wrapped lines via javascript
  24. The data-toggle attributes in Twitter Bootstrap
  25. Changing cursor to waiting in javascript/jquery
  26. Wrapping lists into columns
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. Returning value from confirmation dialog using JQuery UI dialog
  29. Possible to reverse a css animation on class removal?
  30. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment