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

前端技术 2023/09/05 JavaScript

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

本文地址：https://www.stayed.cn/item/14476

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案