Example

Replace each p element with some bold text:

$("button").click(function(){
   $("p").replaceAll("<b>Hello world!</b>");
});

Try it yourself »

Definition and Usage

The replaceAll() method replaces selected elements with new content.

Tip: The replaceWith() and replaceAll() methods does the same thing. The difference is in the syntax: the placement of the content and selector, and that replaceWith() can replace content using a function.

Syntax

$(content).replaceAll(selector)

Parameter Description
content Required. Specifies the new content.

Possible values:
  • HTML code - like "<div>Hello world</div>"
  • New elements - like document.createElement("div")
  • Existing elements - like $(".div1")
selector Required. Specifies which elements to be replaced


Examples

Try it Yourself - Examples

Replace elements with a new element
How to create a new DOM element, with document.createElement(), to replace the selected elements.