THE WORLD'S LARGEST WEB DEVELOPER SITE

jQuery replaceWith() Method

❮ jQuery HTML/CSS Methods

Example

Replace the first <p> element with new text:

$("button").click(function(){
   $("p:first").replaceWith("Hello world!");
});
Try it Yourself »

Definition and Usage

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


Syntax

$(selector).replaceWith(content,function(index))

Parameter Description
content Required. Specifies the content to insert (can contain HTML tags)

Possible values:

  • HTML elements
  • jQuery objects
  • DOM elements
function(index) Optional. Specifies a function that returns the content to replace
  • index - Returns the index position of the element in the set

Try it Yourself - Examples

Replace content using a function
How to use a function to replace selected elements with new content.


❮ jQuery HTML/CSS Methods