Доступ к родительскому элементу с помощью JavaScript или jQuery

Часто вам нужно, чтобы ваши функции JavaScript обращались к родительским элементам в DOM.

Чтобы сделать это в JavaScript, попробуйте element.parentNode

Чтобы сделать то же самое в jQuery, попробуйте element.parent()

Вот пример JavaScript.

HTML:

 <ul id="tabs">
<li class="firsttab"><a href="#">one</a></li>
<li class="secondtab"><a href="#">two</a></li>
</ul>

JavaScript:

 function init() {
  var tablinks = document.getElementById('tabs').getElementsByTagName('a');
  for (var i = 0, j = tablinks.length; i < j; i++) {
    tablinks[i].onclick = doit;
  }
}
function doit() {
  alert(this.parentNode.className);
}
window.onload = init;