、.addClass(function(index,currentClass))
这个方法是通过函数为匹配的元素增加指定的类名,其中function(index,currentClass)必须返回一个或多个空格分隔的类名,其主要接受两个参数,index参数是为对象在这个集合中的索引值,currentClass参数为这个对象原行的类名。我们来看一个实列:
<script type="text/javascript"> $(function(){ $("#addClass").click(function(){ $("div.demo li").addClass(function(index,currentClass){ var addedClass; if(currentClass == "") {//判断列表项初始类名是不是空字符串,如果是空就增加类名 addedClass = "item-" + (index+1);//定义类名 } return addedClass;//返回类名 }) return false; }); }); </script>
上面代码所表示的是点击“addClass”按钮后,给div.demo中的列表项没定义类名的列表增加指定的类名。一起看看点击前后的对比图(Firebug对比图)