jquery給元素添加了類名，為什么該類名的樣式附不到元素上？

三個(gè)li元素，第一個(gè)默認(rèn)背景顏色橘黃色
想要的效果是：
1.滑動(dòng)時(shí)，沒(méi)有背景色的顯示淺黃色背景
2.點(diǎn)擊時(shí)，沒(méi)有背景色的顯示橘黃色，其他白色

    let clicked = $('.sousuofenlei>ul>li');
    // 實(shí)現(xiàn)滑動(dòng)的效果，是正常的
        clicked.mouseover(function() {
            let currentclick = $(this).attr('class');
            if (currentclick !== 'clicked') {
                $(this).css('backgroundColor', '#feede4')
            }
        })
        clicked.mouseout(function() {
            let currentclick = $(this).css('backgroundColor');
            if ($(this).attr('class')) {
                return 0;
            } else if (currentclick) {
                $(this).css('background', 'none')
            }
        })
// 但是下面實(shí)現(xiàn)點(diǎn)擊的效果，點(diǎn)擊后該元素的背景是淺黃色即滑動(dòng)效果背景，但是我在
// css里給 clicked 類設(shè)置的背景色是橘黃色
        clicked.click(function() {
            if ($(this).attr('class')) {
                return 0;
            } else {
                clicked.removeClass();
                $(this).addClass('clicked');// .clicked{ background-color:  
                                            // #fc500c;}
                console.log($(this).attr('class')) // 這里輸出的類名是 clicked
            }
        })