按类名单击特定链接

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

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

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

Answer 4

jQuery解决方案就像

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

Vanilla js也可以做到这一点，但需要更多的代码。如果你不打算将性能时间缩短到最低限度，那么在这种情况下jQuery将完成大部分难题。