jquery - 循环/优化jquery代码

Question

$("body")
    .on("click", "#buttonTwoA", function(){
    $(".bordDotGrey").slideUp("slow");
    $("#questionOne").append(ans2OptionA);

    });
$("body")
    .on("click", "#buttonTwoB", function(){
    $(".bordDotGrey").slideUp("slow");
    $("#questionOne").append(ans2OptionB);

    });

如何优化此代码段。整个代码 在这里共享

Answer 1

不确定您所说的“优化”是什么意思，但您可以随时加入选择器，因为您在两者中做的事情几乎相同：

$("body").on("click", "#buttonTwoA, #buttonTwoB", function(){
    $(".bordDotGrey").slideUp("slow");
    $("#questionOne").append(window['ans2Option' + this.id.slice(-1)]);
});

您可能应该找出一种更好的方法来选择变量，因为全局变量并不是一个好主意。

编辑：

只触发一次事件处理程序：

$("body").on("click", "#buttonTwoA, #buttonTwoB", function(){
    $(".bordDotGrey").slideUp("slow");
    $("#questionOne").append(window['ans2Option' + this.id.slice(-1)]);
    $("body").off("click", "#buttonTwoA, #buttonTwoB");
});