单击按钮显示此按钮编号 div JQUERY JAVASCRIPT

Question

我有纽扣女巫有同样的课程。 我想当用户单击第二个按钮时显示第二个 div，但按钮和 div 具有相同的类。 这是我的代码。

html：

 <button class="test">1</button>
 <button class="test">2</button>
 <button class="test">3</button>

 <div class="divs">1</div>
 <div class="divs">2</div>
 <div class="divs">3</div>

Answer 1

最合适的方法是使用 id，但肯定有另一种方法。

 $('.test').click(function() { let btnIndex = $(this).index(); $('.divs').hide(); $('.divs').eq(btnIndex).show(); })