我正在尝试单击特定链接,但两者具有相同的类名。这是一个示例 HTML 代码:
<a href= "sample link" class= "test class" </a>
<a href= "sample link2" class= "test class" </a>
这是我正在使用的javascript:
document.getElementsByClassName("test class").click();
我如何确保它单击第一个示例链接而不是示例链接 2?
我正在尝试单击特定链接,但两者具有相同的类名。这是一个示例 HTML 代码:
<a href= "sample link" class= "test class" </a>
<a href= "sample link2" class= "test class" </a>
这是我正在使用的javascript:
document.getElementsByClassName("test class").click();
我如何确保它单击第一个示例链接而不是示例链接 2?
document.getElementsByClassName("test class")[0].click();
您可以使用:
document.getElementsByClassName("test class")[0].click();
getElementsByClassName
返回一个节点列表,因此您可以使用getElementsByClassName("test class")[0]
仅访问第一个元素。
document.getElementsByClassName("test class")[0].click();
一个 jQuery 解决方案类似于
$(".test_class").filter('a[href=="link2"]').trigger("click");
Vanilla js 也可以,但需要更多代码。如果您不希望将性能时间缩短到最低限度,那么在这种情况下,jQuery 将完成大部分困难工作。