.replaceAll()

Syntax

.replaceAll(target)

Parameters

target: A selector expression indicating which element(s) to replace

Return value

The jQuery object, for chaining purposes.

Description

Replace each target element with the set of matched elements.

Examples

For

 
<div class="container">
 <div class="first">Hello</div>
 <div class="second">And</div>
 <div class="third">InnerText</div>
</div>

Give $('<h2>New heading</h2>').replaceAll('.inner');

The result is

 
<div class="container">
 <h2>New heading</h2>
 <h2>New heading</h2>
 <h2>New heading</h2>
</div>

Select an element to use as the replacement:

$('.first').replaceAll('.third');

This results:

 
<div class="container">
 <div class="second">And</div>
 <div class="first">Hello</div>
</div>

Use tag to replace all

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("<b>Paragraph. </b>").replaceAll("p");
        });
    </script>
    <style>
      div { border:2px green solid;}
    </style>
  </head>
  <body>
    <body>
       <p>Hello</p>
    </body>
</html>

Click to view the demo