Google Tag Manager自定义变量：获取点击元素附近文本

API 探路者

2026-7-16

点击FAQ切换图标时获取对应标题文本（用于GTM变量）

针对你的需求，以下是两种直接可行的实现方式，适配Google Tag Manager的变量设置：

方法1：使用现代DOM API快速定位

在GTM中创建自定义JavaScript变量，代码如下：

function() {
  // 从点击的图标元素向上定位到父级的.tab-title容器
  const tabContainer = {{Click Element}}.closest('.elementor-tab-title');
  if (!tabContainer) return '';
  
  // 提取容器内的标题文本
  const titleElement = tabContainer.querySelector('.elementor-toggle-title');
  return titleElement ? titleElement.innerText.trim() : '';
}

配套触发器设置

创建一个点击触发器，将「点击元素」的CSS选择器设置为：

.elementor-toggle-icon, .elementor-toggle-icon *

这样无论点击的是图标容器还是里面的加减图标，都会触发变量计算。

方法2：兼容旧浏览器的DOM遍历方案

如果需要兼容不支持closest方法的旧浏览器，可改用遍历父元素的方式：

function() {
  let currentElement = {{Click Element}};
  
  // 向上遍历DOM树，找到包含目标类的父容器
  while (currentElement && !currentElement.classList.contains('elementor-tab-title')) {
    currentElement = currentElement.parentElement;
  }
  
  if (!currentElement) return '';
  
  // 获取标题文本
  const titleElement = currentElement.querySelector('.elementor-toggle-title');
  return titleElement ? titleElement.innerText.trim() : '';
}