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

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 Plugin MiniJS Notification – Muestra ... Os facilito un enlace a un magnífico plugin que os facilitará la tarea de poner mensajes en vuestra web o aplicación. Un ejemplo claro, sería la oblig...
jQuery – Validar formulario antes de enviarl... Os dejamos un videotutorial que detalla cómo validar un formulario antes de enviarlo, mostrando al usuario qué error está cometiendo y en que campo. V...
FancyBox como alternativa a LightBox La mayoría de vosotros ya conocerá LightBox como una de las librerías JavaScript mas famosas para crear atractivas galerías de fotos con sus respectiv...

Deja un comentario

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

*