javascript - 选择父元素（不使用 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';
}