Целевая ссылка атрибута

Question

Я пытаюсь активировать ссылку через JavaScript, который выглядит следующим образом:

<a class="second_link nobold" data-type="via_mail" href="http://swap.mtr.com/index.php?id=10&ctid=546432#">Send via mail</a> 

Я думал об ориентации на ссылку с помощью class, но есть многочисленные ссылки с этим классом.
Как активировать ссылку через data-type="via_mail"?

Answer 1

Если вы нацелены только современный браузер, вы можете использовать document.querySelector

document.querySelector('a.second_link[data-type="via_mail"]').click(); 

Если вы можете использовать jQuery:

$('.second_link[data-type="via_mail"]').click(); 

Если не вышеперечисленное помогает, вам нужно написать еще немного ...

var ele = document.getElementsByTagName('a'); 
for (var i = 0; i < ele.length; i++) 
    if (ele[i].getAttribute('data-type') == 'via_mail') 
     ele[i].click(); 

Live DEMO

Answer 2

это Javascript должен работать в любом браузере:

var anchors = document.getElementsByTagName("a"); 
for (i=0; i < anchors.length; i++) { 
    if (anchors[i].getAttribute("data-type") == "via_mail") { 
     // GOTCHA! 
    } 
} 

если вы можете использовать JQuery селектор атрибута:

$('a[data-type="via_mail"]'); 

Answer 3

В зависимости от того, что браузеры вы собираетесь поддерживать вас может сделать querySelectorAll с большинством современных браузеров :

document.querySelectorAll("a[data-type='via_mail']"); 

Answer 4

Как показали другие, если использование/может использовать JQuery, вы можете просто иметь:

var link = $("a[data-type='via_mail']")[0]; 

Однако, если браузер вы собираетесь поддерживать орудия querySelector/querySelectorAll, вы можете просто:

var link = document.querySelector("a[data-type='via_mail']"); 

Без дополнительной библиотеки.