首页 > 编程 > JavaScript > 正文

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

2019-11-20 13:58:02
字体:
来源:转载
供稿:网友

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中所有的imgvar 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中的imgvar 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();} })

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表