Expand my Community achievements bar.

SOLVED

Condition based on data-target selector?

Avatar

Level 2

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

1 Accepted Solution

Avatar

Correct answer by
Level 2

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

View solution in original post

2 Replies

Avatar

Correct answer by
Level 2

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

Avatar

Level 2

Perfect, thanks AnalyticsAlice!

-Rich