Как я могу нажать на эту ссылку, используя кошмар?

Question

Вот все, что связано со ссылкой:

<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
, используя данные-style-name = "Черный" найден в элементах.

Я пробовал:

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

, который дал мне ошибку:

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

Не уверенчто делать, чтобы кликнуть, но любая помощь будет полезна. Ссылка представляет собой изображение и часть элемента списка на веб-странице.

Answer 1

Я также сделал следующее:

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

Я указал, что это атрибут, и он работал.

Answer 2

сначала захватите узел DOM и назначьте переменную, затем щелкните по узлу.Также вам нужно добавить квадратные скобки вокруг селектора и не использовать внутренние одинарные кавычки, если в значении

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

нет пробела или другого недопустимого символа.