这样的button群如何用选择器实现只有一个button能激活的效果

Question

HTML样式如下<div>      <button class="diyperiod" disabled="true">周期</button>      <button class="diyperiod" id="6h">6小时</button>    </div>    <div>      <button class="diyperiod" id="3h">3小时</button>      <button class="diyperiod" id="7h">7小时</button>    </div>    <div>      <button class="diyperiod" id="4h">4小时</button>      <button class="diyperiod" id="8h">8小时</button>    </div>     <div>      <button class="diyperiod" id="5h">5小时</button>      <button class="diyperiod" id="9h">9小时</button>    </div>      </div>现在用以下的代码只能实现同一个div下的两个button不能同时激活 想要所有的button只有一个能激活的要如何用选择器？$$(".diyperiod").on("click",function(){                $$(this).toggleClass("activebtn").siblings().removeClass("activebtn");            });