Adobe Launch点击按钮时如何获取对应父级模块的标题文本值

• 选择器匹配错误：你使用的$('h2.cmp-teaser__title.wow.animated').text()选择器逻辑是查找带有cmp-teaser__title、wow、animated类的h2标签，但实际DOM结构中这三个类属于h2的父级div，h2本身无对应类，所以匹配不到元素，无法获取文本值。
• 缺乏点击上下文绑定：直接全局检索对应类的元素，若页面存在多个teaser模块，只会返回第一个匹配元素的文本，无法和当前点击的按钮关联，获取不到对应模块的标题。

自定义代码（jQuery版本，适配你原有写法） #

在Adobe Launch数据元素的自定义代码框中填入以下代码：

// 获取当前点击的按钮元素
var $clickBtn = $(event.target);
// 向上查找最近的teaser内容父容器，再检索对应标题元素取文本
return $clickBtn.closest('.cmp-teaser__content').find('.cmp-teaser__title.wow.animated h2').text().trim();

原生JS版本（无需依赖jQuery） #

如果Launch环境未引入jQuery，可使用以下代码：

var clickBtn = event.target;
// 向上查找共同父容器
var teaserContent = clickBtn.closest('.cmp-teaser__content');
// 查找标题元素
var titleEl = teaserContent.querySelector('.cmp-teaser__title.wow.animated h2');
return titleEl ? titleEl.textContent.trim() : '';

• 该数据元素需要设置为事件驱动求值，不要勾选页面加载时预求值，否则会丢失点击上下文无法正常取值
• 对应调用该数据元素的Launch规则，触发条件需设置为点击a.cmp-teaser__action-link元素，规则触发时再调用该数据元素即可正常采集对应标题值

内容的提问来源于stack exchange，提问作者Aravind