Tuto Jquery

Remplacer un élément avec Jquery

Comment remplacer un élément HTML avec Jquery? La méthode replaceWith() permet de facilement remplacer un élément HTML par un autre.

Remplacer un élément HTML exemple

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Test replaceWith JQuery</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div class="man">Roméo</div>
    <div> et </div>
    <div class="woman">Juliette</div>
    <script>
        $( "div.man" ).replaceWith( "Francky Vincent" );
    </script>
</body>
</html>