Comment désactiver un lien href en JQuery

Dans ce tutoriel vous allez découvrir comment supprimer le comportement cliquable d’un lien dont la classe est .disabled. Le comportement cliquable du lien « Tutoriel » dans l’exemple suivant est désactivé en supprimant l’attribut « href » du lien à l’aide de la méthode removeAttr() de jQuery.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery Removing Clickable Behavior</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".menu a").each(function(){
					if($(this).hasClass("disabled")){
						$(this).removeAttr("href");
					}
				});
			});
		</script>
	</head>
	<body>
		<ul class="menu">
			<li><a href="https://waytolearnx.com/">Astuces</a></li>
			<li><a href="https://waytolearnx.com/">QCM</a></li>
			<li><a href="https://waytolearnx.com/">Forum</a></li>
			<li><a href="https://waytolearnx.com/" class="disabled">Tutoriel</a></li>
		</ul>
	</body>
</html>
Résultat
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 *