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

Enviar formulario con jQuery AJAX Partimos de la premisa que tenemos un formulario creado, y queremos enviar los datos con AJAX. Dicho de otro modo, enviaremos el formulario sin marcha...
jQuery – Saber si un checkbox está seleccion... A la hora de enviar formularios, nos puede interesar saber si un checkbox está o no seleccionado. Para ello, jQuery nos proporciona una forma muy senc...
TimePicker trabajar con horas en jQuery Ui Los que utilizamos jQuery UI para crear nuestros paneles de administración, disponemos de un widget, datepicker, que nos permite trabajar con fechas. ...
bideo.js – poner video en el fondo de página... Librería que permit de forma sencilla, poner un video como fondo en una página web. Es muy utilizado en páginas de inicio para intentar impactar al vi...

Deja un comentario

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

*