Здравствуйте!
По клику на кнопку нужно выводить с помощью alert
текст который в h2
теге. Выводить текст с тега h2
блока в котором был клик e не выходит. Я пробовал обращаться к parent
элементу, а от него к child
. Но вывести получается только значение h2
первого блока:
var table = document.getElementById('table');
var title = document.getElementsByTagName('h2')[0];
table.onclick = function(event) {
var target = event.target;
while (target != this) {
if (target.tagName == 'BUTTON') {
alert(title.innerHTML);
//alert ???? Тут с кодом проблемы
return;
}
target = target.parentNode;
}
}
<ul id="table">
<li>
<h2>test-title-first</h2>
<p>loremloremlorem</p>
<button>buy</button>
</li>
<li>
<h2>test-title-second</h2>
<p>loremloremlorem</p>
<button>buy</button>
</li>
<li>
<h2>test-title-third</h2>
<p>loremloremlorem</p>
<button>buy</button>
</li>
</ul>
Пример на стороннем редакторе: jsfiddle-ayda3f2f