单击时使用jQuery显示按钮的每个内容

Question

正在从事练习工作以提高自我 我使用jquery创建了侧边栏。在侧边栏内，我有3个按钮。 尝试做类似单击第一个按钮时的操作，希望它向我显示单击的第一个按钮内的内容

<div>
  <li Id = ‘list-1’ class = ‘btn btn-outline-success’> </li>
  <li Id = ‘list-2’ class = ‘btn btn-outline-success’> </li>
  <li Id = ‘list-3’ class = ‘btn btn-outline-success’> </li>
</div>

我希望每个按钮都显示其内容

Answer 1

简单版本（因为您的代码提供的指导不多）

 <div>
   <button id= "list-1" class="click-button btn btn-outline-success" value="Bicycle 1">Button</button>
   <button id="list-2" class="click-button btn btn-outline-success" value="Bicycle 2">Button</button>
   <button id="list-3" class="click-button btn btn-outline-success" value="Bicycle 3">Button</button>
 </div>

<script>
 $(document).ready(function () {
  $('body').on('click', '.click-button', function () {
   alert(this.value)
  })
 })
</script>