0

I would like to use the custom code of Data Elements in Adobe Launch to get a text value for the parent element of the clicked element.

I used $('h2.cmp-teaser__title.wow.animated').text(); method,

When i click the button:("a.cmp-teaser__action-link") it should get the value of the title("cmp-teaser__title.wow.animated") but when I checked with debug tool, the text value is not collected properly. Custom Code of Data Elements in Adobe Launch

My Code for reference:

<div class="cmp-teaser__content">
        <div class="cmp-teaser__pretitle">Feature Title</div>        
    <div class="cmp-teaser__title wow animated" style="visibility: visible;">
        <h2>Broclux Title</h2>
    </div>
    <div class="cmp-teaser__description">
        <p>Sample text Sample text Sample text Sample text</p>
    </div>        
    <div class="cmp-teaser__action-container">        
    <a class="cmp-teaser__action-link" href="#.html" target="_self" title="">View Collection</a>
 </div>
Aravind
  • 1
  • 1
  • In Launch, you can create an Event-Based Rule(EBR) which triggers the rule with a custom code where you can access the clicked element or its parent and get the innerText or any attribute as I answered here https://stackoverflow.com/a/72379053/1843984 – 44kksharma May 25 '22 at 14:11

2 Answers2

0

The css selector is incorrect. The h2 is inside of the div.

You'll want this:

$('div.cmp-teaser__title.wow.animated > h2').text()
Tim Funk
  • 869
  • 7
  • 11
0

You'll need to use this. And please avoid jquery.

Your dataelement should just return this.parentElement.parentElement.querySelector("h2").innerText

BNazaruk
  • 6,300
  • 3
  • 19
  • 33