选择器,无法实现效果

求解决: 使用选择器(siblings),入口函数,想要实现除了红框以外,其他的文本都显示为红色。控制台,也没有报错。想知道问题在哪里?这种问题,可以如何调试?

img

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>选择器(三)</title>
        <script src="教学源码/jquery-3.6.0.min.js"></script>
    </head>
    <body>
        <ol>
            <li>ol-1</li>
            <li class="item">ol-2</li>
            <li>ol-3</li>
            <li>ol-4</li>
        </ol>
        
        <script type="text/javascript">        
            $(function() {
                $('ol.item').siblings('li').css('color','red');
            });                    
        </script>
    </body>
</html>


下图为相应视频的效果

img

img

看视频里写的好像是$('ol .item')