使用jquery/javascript将不同的样式添加到列表标记

Aad*_*adi 3 javascript jquery list

有没有办法使用jquery/javascript/php为ul标签中的所有li添加不同的样式类.考虑我有一个列表如下

<ul><li>a</li><li>b</li><li>c</li><li>d</li><li>e</li></ul>
Run Code Online (Sandbox Code Playgroud)

我想补充如下

<ul><li class='cat1'>a</li><li class='cat2'>b</li><li class='cat3'>c</li><li class='cat4'>d</li><li class='cat5'>e</li></ul>
Run Code Online (Sandbox Code Playgroud)

Mat*_*att 5

很简单:

$('ul').children('li').addClass(function (i) {
    return 'cat' + (i+1);
});
Run Code Online (Sandbox Code Playgroud)

http://api.jquery.com/addClass/