如何使用 nightmare 单击此 link?

How do I click this link using nightmare?

这是涉及 link 的所有内容:

<a class="" data-images="{&quot;detail_url&quot;:&quot;//assets.supremenewyork.com/148393/ma/hBwFmRXhVKI.jpg&quot;,&quot;zoomed_url&quot;:&quot;//assets.supremenewyork.com/148393/zo/hBwFmRXhVKI.jpg&quot;}" data-style-name="Black" data-style-id="19033" data-sold-out="false" data-description="null" href="/shop/bags/lkav6jh17/xfdbgpiea" data-no-tubolink="data-no-tubolink"><img width="32" height="32" src="//d17ol771963kd3.cloudfront.net/148393/sw/hBwFmRXhVKI.jpg" alt="Hbwfmrxhvki"></a>

我使用带有原子编码节点的噩梦,想点击 url 中的黑色书包:http://www.supremenewyork.com/shop/bags/lkav6jh17/p9ylgt8vm
使用在元素中找到的 "data-style-name="Black"。

我试过:

.click("data-style-name ='Black'")

这给了我错误:

Failed to execute 'querySelector' on 'Document': 'data-style-name ='Black'' is not a valid selector.

不确定如何点击,但任何帮助都将非常有用。 link 是网页上列表元素的图像和一部分。

首先抓取 DOM 节点并分配给一个变量,然后单击该节点。您还需要在选择器周围添加括号并且不需要内部单引号,除非值

中有 space 或其他无效字符
var myLink = document.querySelector("[data-style-name=black]");
.click(myLink)

另外我做的是:

.click('a[data-style-name="Tan"]')

我指定它是一个属性并且有效。