En este artículo, veremos cómo eliminar el comportamiento en el que se puede hacer clic de un enlace deshabilitado usando jQuery. Para eliminar el comportamiento en el que se puede hacer clic, utilizaremos el método removeAttr(). El método removeAttr() se utiliza para eliminar uno o más atributos de los elementos seleccionados.
Sintaxis:
$(selector).removeAttr(attribute)
Parámetros: este método acepta un atributo de parámetro único que es obligatorio. Se utiliza para especificar uno o más atributos para eliminar. Varios atributos se pueden separar usando el operador de espacio.
En este artículo, eliminaremos el atributo href utilizando el método removeAttr().
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to remove clickable behavior from
a disabled link using jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("body").css("text-align", "center");
$("h1").css("color", "green");
$("a").css({
fontSize: "34px",
fontWeight: "bold",
color: "green",
textDecoration: "none"
})
$("a").each(function () {
if ($(this).hasClass("disabled")) {
$(this).removeAttr("href");
}
});
});
</script>
</head>
<body>
<a href="https://www.geeksforgeeks.org/"
class="disabled">
GeeksforGeeks
</a>
<h3>
How to remove the clickable behavior from
<br>a disabled link using jQuery?
</h3>
</body>
</html>
Producción:
