// 遍历所有类名为 'item' 的元素并附加单击事件
$('.item').each(function(index, element) {
    $(this).click(function() {
        console.log('点击了第 ' + (index + 1) + ' 个元素');
        // 这里可以添加更多的处理逻辑
    });
});

// 更简洁的方式，不需要显式使用 each()
$('.item').click(function() {
    console.log('点击了元素: ' + $(this).text());
});

// 使用事件委托，适用于静态和动态添加的元素
$(document).on('click', '.item', function() {
    console.log('点击了元素: ' + $(this).text());
});

// 先解绑再绑定
$('.item').off('click').on('click', function() {
    // 处理逻辑
});

$(document).on('click', '.item', function() {
    // 处理逻辑
});

$('.item').on('click', function(event) {
    event.stopPropagation(); // 阻止事件冒泡
    // 处理逻辑
});

$('.item').each(function(index) {
    $(this).on('click', {index: index}, function(event) {
        console.log('点击了第 ' + (event.data.index + 1) + ' 个元素');
    });
});

$('.item').click(function() {
    $(this).toggleClass('active')  // 切换类
           .siblings().removeClass('active');  // 移除兄弟元素的类
});