javascript - 一键运行所有功能

我需要帮助解决这个问题
我想一键运行所有功能，我该怎么做

是jQuery的代码

 /*global $*/
    $(function () {
        'use strict';
        $(".click1 button").on("click", function click1() {
            $(this).parent(".click1").css("background-color", "#f00");
        });

        $(".click2 button").on("click", function click2() {
            $(this).parent(".click2").css("background-color", "#ff0");
        });

        $(".click3 button").on("click", function click3() {
            $(this).parent(".click3").css("background-color", "#f0f");
        });

        $("clickAll").on("click", function () {

            click1();
            click2();
            click3();
        });
    });

最佳答案

您可以使用trigger函数。

 /*global $*/
    $(function () {
        'use strict';
        $(".click1 button").on("click", function click1() {
            $(this).parent(".click1").css("background-color", "#f00");
        });

        $(".click2 button").on("click", function click2() {
            $(this).parent(".click2").css("background-color", "#ff0");
        });

        $(".click3 button").on("click", function click3() {
            $(this).parent(".click3").css("background-color", "#f0f");
        });

        $("clickAll").on("click", function () {
            $(".click1 button").trigger("click");
            $(".click2 button").trigger("click");
            $(".click3 button").trigger("click");
        });
    });