jq最新前三篇文章高亮显示

 1 /*---------最新前三篇文章高亮显示-------------*/
 2 function latest(){
 3   var color_arr=new Array(
 4       "blue",                                             //第1行颜色,以此类推
 5       "orange",
 6       "green",
 7       "#999"
 8     );
 9       start=1;                                            //从第几行开始,默认从第1行
10   var classdiv='.calssTitle';                             //上一个id,此div必须定义
11   12   var colornum=color_arr.length;
13   
14   
15   start-=1;
16   for(start;start<=colornum;start++){
17   $(classdiv).next('div').children('div').eq(start).find('a').css({'color':color_arr[start]});
18   }
19 }

html结构:

1 <div class="calssTitle">
2          
3 </div>
4 <div>
5             <div></div>
6             <div></div>
7             <div></div>
8             <div></div>
9  </div>

用的时候只需引入jq,在js里return latest();只需修改颜色或添加,即可自行判断高亮多少行。

原文地址:https://www.cnblogs.com/mrcln/p/3898493.html