Comment désactiver un lien href en JQuery

juin 30, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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>