噩梦测试 click() 选择器

【问题标题】：Nightmare Testing click() selector噩梦测试 click() 选择器
【发布时间】：2015-11-15 22:09:18
【问题描述】：

我想获取对 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) 放在哪里。有什么想法吗？

【问题讨论】：

.get(0).click() 是 dom click，而不是 jquery click..
如果你赶紧编辑你的问题，以一种可以接受的格式稍微更有意义——你的问题可能会继续存在。

标签： javascript nightmare

【解决方案1】：

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

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

document.querySelector()：

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

来自文档：

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

示例

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

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

【讨论】：