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

时间:2023-03-08 17:13:51
 /*---------最新前三篇文章高亮显示-------------*/
function latest(){
var color_arr=new Array(
"blue", //第1行颜色,以此类推
"orange",
"green",
"#999"
);
start=1; //从第几行开始,默认从第1行
var classdiv='.calssTitle'; //上一个id,此div必须定义
var colornum=color_arr.length; start-=1;
for(start;start<=colornum;start++){
$(classdiv).next('div').children('div').eq(start).find('a').css({'color':color_arr[start]});
}
}

html结构:

 <div class="calssTitle">

 </div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

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