jQuery之修改li下樣式和圖片
<script type="text/javascript">
$(document).ready(function(){
$(‘li‘).click(function(){
/* 將所有li樣式替換為cz(默認樣式) */
$(‘li‘).removeClass(‘selected-cz‘);
$(‘li‘).addClass(‘cz‘);
/* 將選中的li樣式更改為selected-cz */
$(this).removeClass(‘cz‘);
$(this).addClass(‘selected-cz‘);
/* 將所有圖片替換為默認圖片 */
var allImg = $("li img");
for ( var i = 0; i < allImg.size(); i++) {
if (i % 2 == 0) {
$(allImg[i]).attr("src", "${ctxStatic}/modules/fstore/images/chongzhi_qqq.png");//改變img的src
} else {
$(allImg[i]).attr("src", "${ctxStatic}/modules/fstore/images/chongzhi_jf.png");
}
}
//當前li中的img
var imgs = $("img", this);
for ( var i = 0; i < imgs.size(); i++) {
if (i == 0) {
$(imgs[i]).attr("src", "${ctxStatic}/modules/fstore/images/chongzhi_qq.png");
} else {
$(imgs[i]).attr("src", "${ctxStatic}/modules/fstore/images/chongzhi_jfz.png");
}
}
});
});
</script>
jQuery之修改li下樣式和圖片