jQuery-在多個元素中查找特定類並添加到第一個，第二個不同的類

Question

我有一個div容器一些新聞​​文章有和沒有圖像。現在想爲沒有圖像的每篇文章添加一個不同的類。如果存在圖像，則圖像將用<div class="news-img-wrap"></div>包裝。沒有圖片的文章沒有這個div。所以我試試這個

$('.news-list-view article .content-background').each(function() { 
    if ($(this).find('.news-img-wrap').length) { 
     $(this).addClass('colored-box-red '); 



    } else { 
     $(this).addClass('default-box'); 
    } 
}); 

這段代碼適用於所有具有圖像的文章獲得額外的類。 我的問題是我如何給每個文章與圖像不同的額外類「第一，第二，第三」

我的例子，直到現在。 http://jsfiddle.net/b9JuT/

感謝您的幫助，並對我的英語不好。

Answer 1

你可以使用一個計數，並通過每次添加一個類時遞增它動態地創建獨特的類：

var classCount = 1; 

$('.news-list-view article .content-background').each(function() { 
if ($(this).find('.news-img-wrap').length) { 
    $(this).addClass('colored-box-red ').addClass('img-' + classCount); 
    classCount++; 
} else { 
    $(this).addClass('default-box'); 
} 
});