如何在append()中获取按钮的值，其中多个按钮的类是相同的

<div id="buttonContainer">
  <!-- 动态添加的按钮将会放在这里 -->
</div>
<button id="addButton">添加按钮</button>

// 监听添加按钮的点击事件
$('#addButton').click(function() {
  // 创建一个新的按钮元素
  var newButton = $('<button>').addClass('btn').text('按钮');
  // 给新按钮设置一个唯一的id
  var buttonId = 'button' + ($('.btn').length + 1);
  newButton.attr('id', buttonId);
  // 将新按钮添加到按钮容器中
  $('#buttonContainer').append(newButton);
});

// 监听按钮容器的点击事件，使用事件委托机制
$('#buttonContainer').on('click', '.btn', function() {
  // 获取当前点击的按钮的值
  var buttonValue = $(this).text();
  console.log(buttonValue);
});