javascript - Jquery，将类添加到步骤

Question

我有一系列阶梯式 div，每个都包含一个完成按钮，单击该按钮会将它们返回到默认的开始按钮。这是我写的 jQuery，但一定有更好的方法吗？

$( ".reset1" ).click(function() {
    $("#start").addClass( "active" );
    $("#step1").removeClass( "active" );
});
$( ".reset2" ).click(function() {
    $("#start").addClass( "active" );
    $("#step2").removeClass( "active" );
});
$( ".reset3" ).click(function() {
    $("#start").addClass( "active" );
    $("#step3").removeClass( "active" );
});
$( ".reset4" ).click(function() {
    $("#start").addClass( "active" );
    $("#step4").removeClass( "active" );
});
$( ".reset5" ).click(function() {
    $("#start").addClass( "active" );
    $("#step5").removeClass( "active" );
});

Answer 1

一定有更好的方法...

把它放在一个便于维护的函数中，然后在您选择的点循环调用该函数。例如 document.ready();

function setReset(num) {
    $(".reset"+num).click(function() {
        $("#start").addClass("active");
        $("#step"+num).removeClass("active");
    });
}

$(document).ready(function() {
    for(var i=1; i<6; i++) {
        setReset(i);
    }
});

这样您就可以随时调用此函数，使用您想要的任何变量。

现在，我建议您学习一些有关函数、循环和范围的知识，因为您的问题反射(reflect)出您缺乏对编程的基本理解，而这可能真正帮助您解决 future 的此类问题。