Seperti yang ditunjukkan dalam gambar: Kesan yang saya inginkan ialah apabila li ul dipindahkan, warna berubah menjadi merah, dan apabila dipindahkan, warna berubah menjadi biru
Tetapi jika li tertentu dipilih (iaitu , diklik), saya berharap li ini akan kekal sehingga li seterusnya diklik Ia berwarna merah Walaupun tetikus melaluinya semula dan peristiwa penyingkiran dicetuskan, ia masih perlu kekal merah sehingga li lain diklik.

Berikut adalah kod saya Kesan kod ini hanya selepas klik, jika li dialih keluar, warna akan kekal biru Namun, jika li yang diklik itu dialih masuk dan keluar semula, warnanya tidak akan kekal merah dan akan menjadi biru.

Boleh sesiapa bantu saya menyelesaikannya =-= Terima kasih terlebih dahulu

<ul class="h1">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
<script>
    $('.h1 li').mouseenter(function(){
        $(this).css({"background":"red"})
        $(this).on("click",function(){
            $('.h1 li').css({"background":"blue"})
            $(this).css({"background":"red"})
            $(this).mouseleave(function(){
                $(this).css({"background":"red"})
            })
        })
    }).mouseleave(function(){
        $(this).css({"background":"blue"})
    })
</script>