当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery修改li下的样式以及li下的img的src的值的方法教程

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

2019年03月27日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网