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';
}