循环/优化jquery代码

如何优化此代码段。整个代码是共享的

不确定“优化”是什么意思，但您始终可以加入选择器，因为您在这两个方面做的事情几乎相同：

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

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

    });

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

编辑：

要仅触发事件处理程序一次，请执行以下操作：

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

---

为了正确地循环，答案选项必须是某种结构。我试图通过循环来实现这一点，而不是每次都选择每个按钮。在共享的代码中，如果用户能够同时单击两个按钮，则会添加两个div。当其中一个按钮被单击时，我试图停用其中一个按钮。@sree-编辑了答案。

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