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

Ejemplo AJAX envío formulario con jQuery Pequeño ejemplo de utilización de AJAX para el envío de un formulario Página del formulario (pw-pac1.html) En el header function validarUsuar...
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...
jQuery – Seleccionar opción de un desplegabl... Si buscáis por internet cómo seleccionar valores de un desplegable con jQuery os saldran multitud de ejemplos en los que todo el mundod ice que les fu...
Asignar acción en jquery a múltiples enlaces En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: ...

Deja un comentario

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

*