javascript - 如何使用 javascript 基于按钮单击选择兄弟 div？

Question

我创建了一个表单，我有一个父类“UPD”，在这个 div 元素下我有两个元素一个按钮"class="collapsible"和一个 divclass="ui-form-element section-row sections"我想选择兄弟 divclass="ui-form-element section-row sections" 不是基于类，而是使用 javascript 作为兄弟 div。

<div class="UPD">
   <button class="collapsible">button</button>
   <div class="ui-form-element section-row sections" id="uid-3-sections" style="display: none;">
   </div>
</div>

如何解决这个问题呢。

标签： javascripthtmlforms

Answer 1

也许这就是你要找的，

let current = document.querySelector('.collapsible');
let nextSibling = current.nextElementSibling;
console.log(nextSibling);

<div class="UPD">
   <button class="collapsible">button</button>
   <div class="ui-form-element section-row sections" id="uid-3-sections" style="display: none;">
   </div>
</div>