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

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

2021-04-12 15:27jQuery教程网 JavaScript

这篇文章主要为大家介绍了jQuery如何修改li下的样式，以及修改li下的img的src的值，示例代码很简单，一看就会

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();

									} 

									})