zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jQuery修改li下的样式以及li下的img的src的值的方法

jQuery方法 修改 以及 样式 img src li
2023-06-13 09:15:30 时间

jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看

$(".testli").click(function(){
$(".testlia").removeClass("test01");
$(".testlia").addClass("test02");
$("a",this).removeClass("test02");//当前li中的a标签
$("a",this).addClass("test01");
vartitle_index=$(this).index();//当前li的index
//li中所有的img
varallImg=$(".testliimg");
for(vari=0;i<allImg.size();i++){
if(i%2==0){
$(allImg[i]).attr("src","images/b04.gif");//改变img的src
}else{

$(allImg[i]).attr("src","images/b05.gif");
}
}
//当前li中的img
varimgs=$("img",this);
for(vari=0;i<imgs.size();i++){
if(i==0){
$(imgs[i]).attr("src","images/b01.gif");
}else{

$(imgs[i]).attr("src","images/b02.gif");
}

}
if(title_index==0){
$("#a).hide();
$("#b").show();
}else{
$("#b").hide();
$("#a").show();
}
})