获取在一组按钮中单击的按钮的值

【问题标题】：getting the value of the button clicked in a group of buttons获取在一组按钮中单击的按钮的值
【发布时间】：2021-01-03 13:39:35
【问题描述】：

html

<div id="group1">
  <button>buttonA</button>
  <button>buttonB</button>
</div>

javascript

$('#group1').on('click', function(event) {
  // get ONLY the value of the button cilcked
});

如果不将事件附加到组中的每个按钮，这样的事情是否可行？

【问题讨论】：

标签： javascript html jquery input

【解决方案1】：

将目标选择器添加到on() 并在处理函数中使用this 或event.currentTarget 来访问发生事件的匹配元素

$('#group1').on('click', 'button', function(event) {
  console.log($(this).text())
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="group1">
  <button>buttonA</button>
  <button>buttonB</button>
</div>

【讨论】：