码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-14 19:41:59      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:jquery   li   img   a   

$(".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();

})

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

标签:jquery   li   img   a   

原文地址:http://blog.csdn.net/menghuannvxia/article/details/40080417

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!