DOM 元素变量获得第 N 个结果？

Question

我正在尝试使用带有 CSS 选择器的 DOM 元素和以下 CSS sn-p 在 GTM（跟踪代码管理器）中设置自定义变量：dd.qds-c-post-detail__value

问题是页面上有 4 个与 this 匹配的，因此该变量被定义为第一个匹配。我需要第三场比赛。 CSS 中似乎没有任何部分是第 3 个独有的。有没有办法让 GTM 总能找到第三个结果？

Answer 1

例如，所有按钮类都相同 - qds-c-post-detail__value

在 Google 跟踪代码管理器中创建一个自定义 JS 变量，该变量将获取所有元素并选择（返回）第 3 个元素。

function() {
  var sameButtonElements = document.querySelectorAll('.qds-c-post-detail__value');
  return sameButtonElements[2] #index starts from 0 & fetch the 3rd DOM element
}

使用此自定义 JS 变量来匹配您的要求。您还可以使用{{Click Element}} 预定义变量迭代以查明是否单击了元素。