Comment supprimer une balise sans supprimer son contenu avec jQuery

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.
 
[wx_adsense]  

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>