Wie wähle ich alle Anker mit einem bestimmten href aus?

Question

Ich habe den folgenden Code, um Seitenaufrufe für externe Links zu verfolgen, die einer bestimmten URL entsprechen.

$("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']); 
      }); 
     } 
    }); 

Dieser Code funktioniert, aber es ist extrem ineffizient für Seiten mit vielen Links. Gibt es eine Möglichkeit, einen Selektor zu verwenden, um alle Anker mit übereinstimmenden hrefs auszuwählen, anstatt alle Links auf der Seite zu durchsuchen?

Answer 1

können Sie die Verwendung Attribute Starts With Selector

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

Answer 2

Ja

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

Mit dem Attributselektor Sie für einen bestimmten href aussehen kann. Anstatt der normalen href=, die Sie erwarten können, habe ich href^= verwendet, die mit jedem Element übereinstimmt, das mit die angegebene Zeichenfolge beginnt.

Sie müssen auch nicht each verwenden, um an das click-Ereignis aller Anker-Tags zu binden, die Sie auswählen. click() wird dies automatisch für Sie tun.

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

Answer 3

In jQuery alle hrefs bekommen würde wie:

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

Sie Attribut endet mit Wahl können auch, wenn Sie brauchen um Elemente mit einem bestimmten Endattribut zu erhalten. Etwas wie dieses:

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

Hoffe, dass dies jemand hilft.

Answer 6

Eine weitere einfache Möglichkeit ist:

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

Gibt die Liste aller Anker-Tags in der aktuellen Seite. Um die Anker-Tags in einem div-ID erhalten Sie verwenden können:

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

die Größe benutzen Sie:

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

Answer 7

Hier können Sie den Code:

<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>