追加到jquery的類屬性

我正在與jQuery的多步表單工作，我試圖添加類來保持我有的表格數。目前我的Jquery爲每一個.step類增加了step-0，step-1等類。追加到jquery的類屬性

但我想將i計數器追加到已經存在的具有單個屬性的.step類，而不是添加整個類atttribute並具有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>

的Jquery：

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

    var count = steps.length; 

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

});

來源

2013-05-01 Stephan-v

您不能修改一個類，而是去除.step並添加.step-<i>類

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

來源

2013-05-01 08:34:04

很容易謝謝:) – 2013-05-01 08:36:15

jQuery的不提供一個UI來修改一個類的名字。

添加一個新的並刪除舊的。

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

來源

2013-05-01 08:34:41 Quentin

好東西知道你不能修改類名。感謝您的幫助。 – 2013-05-01 08:36:31

追加到jquery的類屬性

回答

相關問題