單擊按鈕顯示此按鈕編號 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(); })