GTM/Javascript - Поиск по DOM, чтобы найти родителя h2

Question

То, что я пытаюсь выполнить, - найти, если элемент click имеет тег h2, если нет, перейдите к родительскому элементу и выполните ту же проверку до тех пор, пока значение не будет найти и вернуть значение.

При нажатии ссылки href мне нужен менеджер тегов Google, чтобы установить родительский текст h2 в качестве переменной, чтобы он мог использоваться в отслеживании событий.

Редактировать: Я не могу использовать код jQuery для этого жаль.

Вот выдержка из HTML-кода;

<div id="contentRight" class="right"> 
 
    <div class="widget blue"> 
 
     <h2>Link Title</h2> 
 
    <div style="clear:both;"> 
 
     <a href="https://www.websitelink.com" class="buttonOrange" target="_self" >Find out more 
 
     <i class="fa fa-chevron-right" aria-hidden="true"></i> 
 
     </a> 
 
    </div> 
 
    </div> 
 
</div> 
 

Проведя несколько часов, глядя на различные должности по всему интернету, я в настоящее время затора до кода, который не работает;

function(){  
    var element = {{Click Element}}; 
    while(element.querySelector('h2').innerText === undefined); 
{ 
    element = element.parentNode; 
} 
return element.querySelector('h2').innerText;} 

Может ли кто-нибудь пролить свет на то, что я делаю неправильно, или дать какое-то предложение, как это можно сделать?

Answer 1

Вы, кажется, идете об этом неловко, но если я понимаю ваш вопрос, то вы должны указать текст h2 для любой ссылки, являющейся дочерним элементом этого элемента. Таким образом, предполагается, что вы JQuery загружены, т потребуется простой пользовательский JS тег, который будет выглядеть примерно так:

function(){ 
    var ce = {{Click Element}}; 
    return $(ce).closest('#contentRight').find('h2').text().trim() 
} 

Это должно вернуть название для ссылки, то есть. «Название ссылки».