Как выбрать все привязки с определенным href?

Question

У меня есть следующий код для отслеживания просмотров страниц для внешних ссылок, соответствующих определенному URL-адресу.

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

Этот код работает, но он крайне неэффективен для страниц с большим количеством ссылок. Есть ли способ использовать селектор для выбора всех якорей с соответствующими hrefs вместо сканирования по всем ссылкам на странице?

Answer 1

Вы можете использовать Attribute Starts With Selector

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

Answer 2

Да

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

Использование селектора атрибутов вы можете посмотреть для конкретного href. Вместо обычного href= вы можете ожидать, я использовал href^=, который соответствует любому элементу, который начинает с указанной строкой.

Также вам не нужно использовать each для привязки к событию клика всех выбранных тегов привязки. click() автоматически сделает это за вас.

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

Answer 3

В JQuery получить все hrefs бы как:

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

Вы можете использовать атрибут заканчивается селектор, а если вам нужно для получения элементов с определенным атрибутом окончания. Что-то вроде этого:

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

Надеюсь, это поможет кому-то.

Answer 6

Другой простой способ:

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

Выдает список всех тегов привязки в текущей странице. Чтобы получить теги привязки в сНу ID вы можете использовать:

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

Чтобы использовать размер:

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

Answer 7

Здесь вы можете код:

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