Javascript:如何将on()方法与each()一起使用？

// 假设我们有一组按钮，我们想为每个按钮绑定点击事件
$('button').each(function(index, element) {
    // 使用 on() 方法为当前元素绑定点击事件
    $(element).on('click', function() {
        console.log('Button ' + (index + 1) + ' clicked!');
    });
});

// 直接使用 on() 方法为一组按钮绑定点击事件
$('button').on('click', function() {
    console.log('Button clicked!');
});

$('button').each(function(index, element) {
    // 执行一些额外的逻辑，例如根据索引设置不同的属性
    $(element).attr('data-index', index);

    // 使用 on() 方法为当前元素绑定点击事件
    $(element).on('click', function() {
        console.log('Button ' + ($(this).attr('data-index') + 1) + ' clicked!');
    });
});