Javascript 如何使用“噩梦”单击此链接？

以下是与链接相关的所有内容：

<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>

这给了我一个错误：

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

---

不知道单击该做什么，但任何帮助都会很好。链接是一个图像，是网页上列表元素的一部分

首先抓取DOM节点并分配给变量，然后单击该节点。此外，您还需要在选择器周围添加括号，并且不需要内部单引号，除非值中有空格或其他无效字符

var myLink = document.querySelector("[data-style-name=black]");
.click(myLink)

我所做的也是：

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

我指定这是一个属性，它起作用了

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