jQuery实现点击第一个div中li标题，实现下面div的图片内容切换

用 $("div li:first").onclick(function(){ alert(1)})

思路就是点击了第一个div的li，首先要给点击的那个li加上active样式，随后要给下面div的li也对应加上active样式，其他li移除active样式

参考下是否有用：

 $(".school-left-title li").click(function(){
            var index = $(".school-left-title li").index($(this));//获取点的第几个li
            $(".school-left-title li").each(function(i,l){ //上面div选中样式
                if(i==index){
                    $(l).addClass("active");
                }else{
                    $(l).removeClass("active");
                }
            });
            $(".school-left-pic li").each(function(i,l){//下面图片选中样式
                if(i==index){
                    $(l).addClass("active");
                }else{
                    $(l).removeClass("active");
                }
            })
        });

$('.school-left.title li').not(':last').click(function(){

var index=$(this).index();

$(this).addClass('active').siblings().removeClass('active')

$('.school-left-pic li').hide().eq(index).show()

})

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632