选择父元素（不使用Jquery）

Question

我只需要访问父div，我有一个按钮来改变他的兄弟姐妹div。 代码示例可以更好地解释：

<div class="parent">  <!-- This is structure repeats N times -->
    <div class="divToToggleVisiblity divA">trololo A</div>
    <div class="divToToggleVisiblity divB">trololo B</div>
    <button onClick="toggleThem(this)">This button will toggle above divs</button>
</div>


function toggleThem(a){  // something like this, BUT without Jquery
    $(a).closest(".parent").find(".divA").hide();
}

Answer 1

这就是parentNode的用途：

a.parentNode.querySelectorAll('.divA');

Answer 2

function toggleThem(elem) {
    elem.parentNode.getElementsByClassName('divA')[0].style.display = 'none';
}