js siblings()处理选中高亮问题

博客内容主要涉及元素高亮操作,即给当前元素添加高亮,同时去除其他同级元素的高亮,属于前端开发中对元素样式处理的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

给当前的元素添加高亮 同时给其他的同级元素去掉高亮

                    <div class="video-list">
                    <ul>
                        {volist name="course" id="vo"}
                        <li data-vid="{$vo.vid}"><a href="javascript:;">{$vo.name}</a></li>
                        {/volist}
                    </ul>
                </div>
                <script>
                    $('.video-list').on('click', 'li', function(){
                         let vid = $(this).data('vid');
                        $(this).addClass('active').siblings().removeClass('active');