javascript - 如何一键运行所有功能

Question

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

是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();
        });
    });

Answer 1

您可以使用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");
        });
    });