Replace all with : replaceWith « jQuery « JavaScript DHTML






Replace all with

 
<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('input#tmpQuote1').click(
      function($e) {
        $e.preventDefault();
        $('p#id1').replaceAll(this);
      }
    );

    $('input#tmpQuote2').click(
      function($e) {
        $e.preventDefault();
        $('p#id2').replaceAll(this);
      }
    );
  }
);
    </script>
    <style type='text/css'>
div {
    background: #acf7d0;
    border: 3px solid #96dab6;
    margin: 3px;
}
div#tmp {
    display: none;
}
    </style>
  </head>
  <body>
    <div id='tmp'>
      <p id='id1'>
        asdf
      </p>
      <p id='id2'>
        asdf
      </p>
    </div>
    <div>
      <input type='submit' id='tmpQuote1' value='View Quote' />
    </div>
    <div>
      <input type='submit' id='tmpQuote2' value='View Quote' />
    </div>
  </body>
</html>

   
  








Related examples in the same category

1.Replace text with
2.Replace with another tag
3.replaceWith(content): Replaces all matched elements with the specified HTML or DOM elements.
4.Replace a button with text