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.
 
 

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>
Résultat

Lorem ipsum dolor sit amet, consectetur adipiscing ceci est un lien. In dictum, quam eget tristique facilisis, augue magna tempor sapien.

QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *