jQuery修改li下的样式以及li下的img的src的值的方法教程
程序员文章站
2022-03-12 11:19:36
jquery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看
$(".test li").click...
jquery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看
$(".test li").click(function() { $(".test li a").removeclass("test01"); $(".test li a").addclass("test02"); $("a", this).removeclass("test02");//当前li中的a标签 $("a", this).addclass("test01"); var title_index = $(this).index();//当前li的index //li中所有的img var allimg = $(".test li img"); for ( var i = 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 var imgs = $("img", this); for ( var i = 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(); } })
上一篇: kvm热添加和热迁移