Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Cue the extraordinary. Show-stopping experiences that raise the digital bar. Apply now for the 2023 Adobe Experience Maker Awards.
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']

The ultimate experience is back.

Join us in Vegas to build skills, learn from the world's top brands, and be inspired.

Register Now