jQuery实现Tab选项卡

    
    
    
    
    



    
一
    
二
    
三
    
四



    

    

    

    

知识点：

:nth-child(n+2) {/*正数第二个开始*/
            display: none;
        }

:nth-child(-n+2) {/*倒数第二个开始*/
        }

let $img = $('ul:last>li>img').eq(idx);//获取与上面li对应index的图片
            $img.parent().show();//图片的父级li显示
            $img.parent().siblings().hide();//li的兄弟元素隐藏（因为图片在li内，所以单单一个img标签没有兄弟元素可选择）

效果展示：