Javascript 使用GTM/JQuery获取手风琴的标题

我的HTML：

<div class="children-group paragraph paragraph--type--services-child-accordion">
          
    <div class="accordion-tab">
        <h3>Body</h3>
        <img class="icon-angle-down" src="">
        <img class="icon-close" src="">
    </div>

    <div class="stuff-inside-accordion">...</div>

</div>

---

我试图在点击事件中拉入中的文本。然而，我的自定义变量却没有定义。不幸的是，我不能只使用{{Click Text}}变量，因为h3只占可点击区域的一小部分。单击div.accordion-tab中的任意位置将触发手风琴打开。例如，如果在h3文本和箭头img图标之间单击，{click Element}将注册为div.accordion-tab。如果直接单击h3，{{click Element}}将注册为h3，正如您所期望的那样。无论我在可点击区域内点击何处，我都希望返回h3

的文本值。我尝试使用另一种技术，并且能够使其工作。以下是我使用的代码：

function(){
  return google_tag_manager["GTM-XXXXXX"].dataLayer.get("gtm.element").parentElement.parentElement.querySelector("div.accordion-tab > h3").innerText
}

---

此方法由MeasureSchool推荐：

为什么不能使用

。手风琴选项卡h3

？比如：

最近（“.accordion tab”）.find（'h3'）

你能不能把一个id传递给

h3

？@PraveenKumarPurushothaman我试过了。仍然返回为未定义。try:

{{Click Element}}.find（'h3'）.text（）

function(){
  return google_tag_manager["GTM-XXXXXX"].dataLayer.get("gtm.element").parentElement.parentElement.querySelector("div.accordion-tab > h3").innerText
}