javascript - 噩梦测试 click() 选择器

Question

我想获得对 DOM 元素的引用并单击它，但我不知道如何发现它。在 DOM 中会是这样的：

$('.filter-buttons :nth-child(2)').get(0).click() , or using [0]instead of get(0)

但是对于 Nightmare 函数 click 只接受一个参数 .click(selector)

.click('.filter-buttons :nth-child(2)')

. 问题是我不知道将 get(0) 放在哪里。有任何想法吗？

Answer 1

正如它所提到.get(0)的，可以让您找到一个 dom 节点并且您正在应用一个 domclick事件。所以我建议你使用document.querySelector()方法：

.click(document.querySelector('.filter-buttons :nth-child(2)'))

document.querySelector()：

这个方法只返回一个 dom 节点。这正是您的要求。

来自文档：

返回文档中与指定选择器组匹配的第一个元素（使用文档节点的深度优先预序遍历|按文档标记中的第一个元素，并按子节点数量的顺序遍历顺序节点）。

例子

在此示例中，返回文档中具有“myclass”类的第一个元素：

var el = document.querySelector(".myclass");