javascript - 按类名单击特定链接

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？

score 11 · Accepted Answer

11

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

于 2013-09-12T13:25:08.207 回答

score 5 · Accepted Answer

5

您可以使用：

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

于 2013-09-12T13:25:18.277 回答

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

一个 jQuery 解决方案类似于

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

Vanilla js 也可以，但需要更多代码。如果您不希望将性能时间缩短到最低限度，那么在这种情况下，jQuery 将完成大部分困难工作。

4 回答 4