jQuery replaceAll() Method

jQuery replaceAll() Method

The jQuery replaceAll() method replaces selected elements with new HTML elements.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery replaceAll() Method</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ $("<h3>Hello jQuery</h3>").replaceAll("p"); }); }); </script> </body> </html>

Syntax

$(content).replaceAll(selector);

Parameter Values

ValueTypeExplanation
contentRequiredSpecifies the content to insert
content must be a htmlString.
selectorRequiredSpecifies which elements to be replaced

Reminder

Hi Developers, we almost covered 99.5% of jQuery Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in jQuery.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Meet the Author