按类名点击特定链接

Question

我想点击一个特定的链接，但是这两个链接具有相同的类名。 以下是示例HTML代码：

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

以下是我正在使用的 JavaScript 代码：

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

我怎样才能确保它点击的是第一个示例链接而不是示例链接2？

- TheProgrammer

---

你会如何决定要点击哪个链接？ - Henrique Barcelos

Answer 1

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

- Baral

Answer 2

您可以使用：

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

- Adrift

Answer 3

getElementsByClassName 返回一个节点列表，所以你可以使用 getElementsByClassName("test class")[0] 来访问第一个元素。

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

- Harry

Answer 4

jQuery的解决方案大致如下

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

使用原生JS也可以实现，但需要编写更多的代码。如果你不需要将性能时间缩短到最低限度，那么在这种情况下，jQuery将会处理大部分困难的事情。

- Richard Kenny

---

其他解决方案也可以工作，但仅限于页面结构永远不会更改的情况下。对于静态页面来说是绝对适当的解决方案。 - Richard Kenny