Set a rule for click event - but the page elements are ALL the same, except the text (help)

Question

stomped. Hoping someone can help me out here. I have to set up a rule that triggers a click event when a user selects "Buy Now." I was looking at the pages and noticed that the buttons are set up the same way across the pages, and the only difference is the text.

I had started the below but that's when I noticed that it wouldn't work since other buttons are using the same setup.

This is the HTML:

any advice?

maybe create a data element like

var buyOncomplete = document.getElementsByClassName("btn btn-transition sm-text-centered btn-block margin-top-20 btn-primary ng-star-inserted")[0].innerText;
return buyOncomplete;

then add it to the rule as a condition - could that work?

Ankit_Chaudhary · Accepted Answer

well if jQuery is not defined then you can try JS instead

document.getElementById("myEngine.footerButton.next").innerText == "Buy Now"
return true

bottom line is you don't have to create a data element to implement the condition to check the text.

Ankit_Chaudhary · Answer

Hi @sofidel_1984 You can try using this keyword by adding a condition in your rule to check for the text "Buy now"$(this).text == "Buy now"return true;

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded