jQuery – Conseguir el valor href de un enlace

Para conseguir el valor de href en un enlace con jQuery utilizaremos el siguiente código:

1
2
3
4
5
6
7
$(document).ready(function() {
  $("a").click(function(event) {
    var href = $('a').attr('href');
    alert(href);
    event.preventDefault();
  });
});

Como podéis ver, a todos los enlaces del web, miramos el valor de href y lo mostramos en un alert. Pero, podemos contretar un poco mas:

1
2
3
4
5
$(".zonalink").click(function(event) {
  var href= $(this).attr('href');
  alert(href);
  event.preventDefault();
});

En este caso, solo a los enlaces con clase .zonalink se mostrará el link. Fijaos que utilizamos $(this).attr(‘href’). El this se refiere al enlace que hace saltar el evento.

Artículos relacionados

elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...
jQuery – Crear botón imágenes que cambian Veamos el código necesario para crear un enlace en forma de imagen, que al pasar el botón por encima (hover) cambia a otra imagen. Un ejemplo sería te...
jQuery – Traducir hora española a inglesa Es muy común tener en un textbox de un formulario una fecha en español DD/MM/YYY, y queramos convertirla al formato inglés YYYY/MM/DD para poder traba...
JQuery – Trigger – Como ejecutar un cl... En muchos ocasiones nos puede interesar simular el click de un usuario sobre un enlace. Dicho de otro modo, provocar el click en un enlace sin que sea...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*