如何選擇一個類與jQuery和數值添加單獨的類

我想使用jQuery（有點困難，因爲我是一個完整的新手）選擇頁面上的類，並根據他們的順序添加不同的類。如何選擇一個類與jQuery和數值添加單獨的類

例子：

<article class="news-story"> 
</article> 
<article class="news-story"> 
</article> 
<article class="news-story"> 
</article> 
<article class="news-story"> 
</article>

我想jQuery來獲取所有的「新聞故事」入級元素和第一，「customclass2」添加「customclass1」到第二，「customclass3」第三和「customclass4」到第四。

有誰能幫我解決這個問題嗎？

如果你這樣做，我會盡快讓我的個人電腦恢復正常運轉我將會用jQuery和PHP來填滿我的頭腦，這樣我的腦袋就會旋轉。

在此先感謝。

來源

2012-11-30 number8pie

您可以使用addClass()方法的參數：

$(".news-story").addClass(function(i) { 
    return "customclass" + (i + 1); 
});

來源

2012-11-30 16:39:33 VisioN

這個時候:) –

@dystroy它必須發生在某個時間;） – VisioN

blimey這很快，謝謝我會g現在就去吧 – number8pie

var elems = document.getElementsByClassName('news-story'); 
for (var i=0; i<elems.length; i++) { 
    elems[i].className = elems[i].className + ' customclass'+(i+1); 
}

FIDDLE

來源

2012-11-30 16:41:28 adeneo

你可以這樣說：*你*以爲比我快

$('.news-story').each(function(idx,element){ 
    var cont = idx+1 
    $(element).removeClass('news-story'); 
    $(element).addClass('customClass'+ cont); 
});

來源

2012-11-30 16:56:38

如何選擇一個類與jQuery和數值添加單獨的類

回答

相關問題