所以我想從我的代碼中提取這些按鈕的值我應該怎么做

Question

<div class="card" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title">Calculator</h5> <p class="card-text"><h1 id="disp">0</h1></p> <div id="btns"> <a href="#" class="btn btn-primary" data-num="1">1</a> <a href="#" class="btn btn-primary" data-num="2">2</a> <a href="#" class="btn btn-primary" data-num="3">3</a><br><br> <a href="#" class="btn btn-primary" data-num="4">4</a> <a href="#" class="btn btn-primary" data-num="5">5</a> <a href="#" class="btn btn-primary" data-num="6">6</a><br><br> <a href="#" class="btn btn-primary" data-num="7">7</a> <a href="#" class="btn btn-primary" data-num="8">8</a> <a href="#" class="btn btn-primary" data-num="9">9</a> </div> </div> </div>

Answer 1

您可以通過執行此 jquery 代碼來做到這一點

$('.btn').click((e) => {
  var x = $(e.target).data('num');
  console.log(x)
   // this replaces text on h1
   $('#disp').text(x);
})