javascript - 如何使这个重复代码更高效: jquery

Question

    jQuery('.checkbox1').click(function(){
        jQuery(this).parent().toggleClass('active')
    });
    jQuery('.checkbox2').click(function(){
        jQuery(this).parent().toggleClass('active')
    });
    jQuery('.checkbox3').click(function(){
        jQuery(this).parent().toggleClass('active')
    });
    jQuery('.checkbox4').click(function(){
        jQuery(this).parent().toggleClass('active')
    });

我在所有 4 个上运行相同的函数。我可以使用类似 .each() 的东西吗？有人可以告诉我如何压缩这段代码吗？

谢谢

Answer 1

你可以简单地这样做:

jQuery('.checkbox1, .checkbox2, .checkbox3, .checkbox4').click(function(){
    jQuery(this).parent().toggleClass('active')
});

或者您可以创建一个新类，例如 checkbox 以应用于所有复选框，然后使用:

jQuery('.checkbox').click(function(){
    jQuery(this).parent().toggleClass('active')
});