¿Cómo selecciono todos los anclajes con un href específico?

Question

Tengo el siguiente código para rastrear páginas vistas de enlaces externos que coinciden con una URL en particular.

$("a").each(function(i){ 
     if (
      $(this).attr('href') == "http://example.com/external/link/" || 
      $(this).attr('href') == "http://example.com/external/link" 
     ) { 
      $(this).click(function(){ 
       _gaq.push(['_trackPageview', '/external/pagename']); 
      }); 
     } 
    }); 

Este código funciona, pero es extremadamente ineficiente para páginas con muchos enlaces. ¿Hay alguna manera de usar un selector para seleccionar todos los anclajes con hrefs coincidentes en lugar de explorar todos los enlaces de la página?

Answer 1

Puede utilizar el Attribute Starts With Selector

$('a[href^="http://example.com/external/link"]').click(function() { 
     _gaq.push(['_trackPageview', '/external/pagename']); 
}); 

Answer 2

Sí

$('a[href^="http://example.com/external/link"]').click(function() {}); 

Uso del selector de atributo que puede buscar un determinado href. En lugar del normal href= que podría esperar, he usado href^= que coincide con cualquier elemento que comience con la cadena especificada.

Además, no necesita utilizar each para enlazar al evento click de todas las etiquetas de anclaje que seleccione. click() automáticamente hará esto por usted.

$("a[href^="http://example.com/external/link"]").click(function(){ 
    _gaq.push(['_trackPageview', '/external/pagename']); 
}); 

Answer 3

En jQuery conseguir todos hrefs sería como:

var href = 'http://www.google.com'; 
var elements = $('a[href=' + href + ']'); 

alert("Found: " + elements.length); 

Answer 4

$('a[href^="http://example.com/external/link"]').click(function(e){ 
    // you do want to track which link was clicked, yes? 
    _gaq.push(['_trackPageview', $(this).attr('href') ]); 
    // suppress default click or you'll leave the page immediately: 
    e.preventDefault(); 
    do_other_stuff_presumably_with_gaq(); 
}); 

Answer 5

Puede utilizar el atributo termina con el selector, así si es necesario para obtener elementos con algún atributo de final específico. Algo como esto:

$('a[href$=your text]') == "your text" 

Espero que esto ayude a alguien.

Answer 6

Otra forma sencilla es:

$('a[href="MY_ANCHOR_TEXT_HERE"]'); 

indica la lista de todas las etiquetas de anclaje en la página actual. para obtener el etiquetas de anclaje en un ID div puede utilizar:

$('#MY_DIV_ID a[href="MY_ANCHOR_TEXT_HERE"]') 

Para obtener el uso Tamaño:

$('#MY_DIV_ID a[href="MY_ANCHOR_TEXT_HERE"]').size() 

Answer 7

Aquí puede el código:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
     <script> 
     $(document).ready(function(){ 
     $("a").each(function(){ 
    if($(this).attr("href") == "http://example.com/external/link/") 
    { 
     $(this).hide(); 
    } 
}); 
}); 
</script> 

<a href="http://example.com/external/link/">a website link</a>