jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
$( ".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(); } }) |