Replace Div with another Div

by

You can use .replaceWith()

$(function() {

  $(".region").click(function(e) {
    e.preventDefault();
    var content = $(this).html();
    $('#map').replaceWith('<div class="region">' + content + '</div>');
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="map">
  <div class="region"><a href="link1">region1</a></div>
  <div class="region"><a href="link2">region2</a></div>
  <div class="region"><a href="link3">region3</a></div>
</div>

More Related Contents:

  1. How to change the element of another div by clicking and hovering on an element of a different div
  2. Hide/Show div on specific page with jquery
  3. HTML nchor Tag doesn’t show link
  4. Issue with a design when content increase [closed]
  5. Use jQuery to hide a DIV when the user clicks outside of it
  6. Table header to stay fixed at the top when user scrolls it out of view with jQuery
  7. Why does the jquery change event not trigger when I set the value of a select using val()?
  8. Clear form fields with jQuery
  9. How to detect if two divs touch with jquery?
  10. Scroll to bottom of Div on page load (jQuery)
  11. jQuery find closest previous sibling with class
  12. jQuery .html() vs .append()
  13. How to detect input type=file “change” for the same file?
  14. JavaScript: Changing src-attribute of a embed-tag
  15. How do I get the entire page’s HTML with jQuery?
  16. Resizable table columns with jQuery [closed]
  17. Auto-click button element on page load using jQuery
  18. HTML5 Video autoplay on Mobile Browser
  19. jQuery get selected option value (not the text, but the attribute ‘value’)
  20. jQuery checkbox event handling
  21. Draggable div without jQuery UI
  22. How to force an HTML form to validate without submitting it via jQuery
  23. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  24. How to export the Html Tables data into PDF using Jspdf
  25. Jquery Multiple load in a DIV
  26. How add spaces between Slick carousel item
  27. Datatables warning(table id = ‘example’): cannot reinitialise data table
  28. jQuery web page height
  29. jQuery: find input field closest to button
  30. How do I select an element with special characters in the ID?

Leave a Comment