Condition based on data-target selector?

Avatar

Avatar

richm92841132

Avatar

richm92841132

richm92841132

08-08-2018

I want to fire a rule when someone clicks on the Accessories link (see screenshot below). There is no specific class or ID i can use (each page is using a different ID for the same link) but, if I could trigger the rule based on the data-target="#accessories" selector, it should work. Any idea on how to do this?

Screenshot 2018-08-08 14.07.27.png

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

AnalyticsAlice

Avatar

AnalyticsAlice

AnalyticsAlice

09-08-2018

Hi richm,

The basic selector you'd need to broadly target all links with data-target="#accessories":

a[data-target='#accessories']

If there are other links on the page using that data-attribute and you want to exclude them from your rule, you can leverage the parent div with ID #recommendations and other classes assigned to parent elements to make the selector more specific to that section, for example:

div#recommendations ul li a[data-target='#accessories']

Answers (1)

Answers (1)

Avatar

Avatar

richm92841132

Avatar

richm92841132

richm92841132

09-08-2018

Perfect, thanks AnalyticsAlice!

-Rich