javascript - 单击按钮显示此按钮编号 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>

标签： javascriptjquery

Answer 1

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

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