Щелчок по определенной ссылке по имени класса

Question

Я пытаюсь нажать на определенную ссылку, но оба имеют одно и то же имя класса. Вот пример HTML-код:

<a href= "sample link" class= "test class" </a> 
<a href= "sample link2" class= "test class" </a> 

Вот это Javascript Я использую:

document.getElementsByClassName("test class").click(); 

Как бы убедиться, что он нажимает на первую ссылку образца вместо образца LINK2?

Answer 1

document.getElementsByClassName("test class")[0].click(); 

Answer 2

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

document.getElementsByClassName("test class")[0].click(); 

Answer 3

решение JQuery это что-то вроде

$(".test_class").filter('a[href=="link2"]').trigger("click"); 

Vanilla JS может сделать это, как хорошо, но это займет больше кода. Если вы не хотите сократить время выполнения до минимального минимума, jQuery в этом случае сделает большую часть жестких вещей.

Answer 4

getElementsByClassName возвращает список узлов, поэтому вы можете использовать getElementsByClassName("test class")[0] для доступа только к первому элементу.

document.getElementsByClassName("test class")[0].click();