¿Cómo obtener el valor href usando jQuery?

163

Estoy tratando de obtener el valor href usando jQuery:

<html>
    <head>
        <title>Jquery Test</title>
         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $("a").click(function(event) {
                alert("As you can see, the link no longer took you to jquery.com");
                var href = $('a').attr('href');
                alert(href);
                event.preventDefault();
            });
        });
        </script>
    </head>
    <body>
        <a href="http://jquery.com/">jQuery</a>
    </body>
</html>

Pero no funciona. ¿Por qué?

javascript jquery

— Adi Sembiring
fuente

¿Te importaría decirnos qué no funcionó exactamente? ¿Estaba vacía la alerta? ¿Recibiste 2 alertas? Cualquier error js? Me está funcionando ...

— Ben Rowe

upss ... lo siento. el problema es borrar caché

— Adi Sembiring

Violín aquí: jsfiddle.net/LijoCheeran/t1xs4wo7

— LCJ

351

Necesitas

var href = $(this).attr('href');

Dentro de un controlador de clic jQuery, el thisobjeto se refiere al elemento en el que se hizo clic, mientras que en su caso siempre obtiene el href para el primero <a>en la página. Por cierto, es por eso que su ejemplo funciona pero su código real no

— Gareth
fuente

12

Puede obtener el valor href actual con este código:

$(this).attr("href");

Para obtener el valor href por ID

$("#mylink").attr("href");

— Príncipe Patel
fuente

2

Funciona ... Probado en IE8 (no olvide permitir que se ejecute JavaScript si está probando el archivo desde su computadora) y Chrome.

— AlfaTeK
fuente

Chrome puede suprimir la segunda ventana emergente dependiendo de su configuración, ¿estaba probando en Chrome? Si es así, comente su primera alerta y funcionará.

— Michael La Voie

2

si la página tiene uno <a>, funciona, pero muchos <a>, tienen que usarvar href = $(this).attr('href');

— wangtong
fuente

1

da salida indefinida

— VishalParkash

0

Vale la pena mencionar que

$('a').attr('href'); // gets the actual value
$('a').prop('href'); // gets the full URL always

— Jahanggir Jaman
fuente