jquery - 触发单击具有类的所有元素

Question

情况是这样的......

我有多个带有 .delete-rule 类的按钮

我有一个与该类关联的点击事件:

$('.delete-rule').click(function(){
    // do stuff
});

问题:当我触发那个类的点击事件时，唯一触发的事件是第一个按钮上的点击事件 - 后续按钮都没有点击事件触发。

如何让所有带有 .delete-rule 类的按钮在我调用时触发:

$('.delete-rule').trigger('click')?

Answer 1

已更新以适用于动态添加的元素。

有几种方法可以做到这一点:DEMO

$(document).on('click', '.delete-rule', function(){
    $('.delete-rule').animate({'left': '200px'}, 200);
});

或

$('.delete-rule').click(function(){
    $('.delete-rule').each(function() {
        //Do Stuff
    });
});

或

var deleteRule = function(){
    //Do Stuff
};

$('.delete-rule').click(deleteRule);

$('.delete-rule').trigger('click');

您是否动态添加内容？关于您正在尝试做的事情的任何其他信息都会非常有帮助。希望这会有所帮助。