javascript - 使用 jquery 附加到类属性

Question

我正在使用 jquery 处理多步表单，并且我正在尝试添加类以计算我拥有的表单步数。目前我的 Jquery 正在为每个 .step 类添加 step-0、step-1 等类。

但是我想将 i 计数器附加到已经存在的具有单个属性的 .step 类中，而不是添加整个类属性并具有 2 个属性。虽然它必须很简单，但我真的找不到如何干净地做到这一点。

HTML：

<!--multistep form-->
<form id="multistepform" method="post">
    <div class="step">
        First name: <input type="text" name="firstname"><br>
        Last name: <input type="text" name="lastname">
    </div>

    <div class="step">
        First name: <input type="text" name="firstname"><br>
        Last name: <input type="text" name="lastname">
    </div>

    <div class="actions">
        <input type="submit" value="submit data">
    </div>
</form>

查询：

$(document).ready( function() {
    var steps = $("#multistepform .step");

    var count = steps.length;

    steps.each(function(i) {
        $(this).addClass("step-" + i);
    })

});

Answer 1

您不能修改类，而是删除.step和添加.step-<i>类

steps.each(function(i) {
    $(this).removeClass('step').addClass("step-" + i);
})

Answer 2

jQuery 不提供 UI 来修改类的名称。

添加一个新的并删除旧的。

steps.each(function(i) {
    var el = $(this);
    el.addClass("step-" + i);
    el.removeClass("step");
})