Comment supprimer une balise sans supprimer son contenu avec jQuery

juillet 1, 2019février 10, 2020 Amine KOUIS Aucun commentaire

Parfois, vous aurez peut-être besoin de supprimer l’élément parent, un exemple typique consiste à supprimer la balise d’ancrage autour du texte. Avec la méthode unwrap() de jQuery, vous pouvez facilement supprimer l’élément parent et garder le contenu HTML ou le texte interne intact.

Code source :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Supprimer une balise sans supprimer son contenu</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("button").click(function(){
					$("p").find("a.lien").contents().unwrap();
				});
			});
		</script>
	</head>
	<body>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing <a href="#" class="lien">ceci est un lien</a>. In dictum, quam eget tristique facilisis, augue magna tempor sapien.</p>
		<button type="button">Supprimer le lien</button>
	</body>
</html>