javascript - 这些js代码能简写吗？

问题描述

问 题

$(function() {
    $('.collapse.navbar-collapse ul li').click(function() {//菜单nuv下边距
        $(this).addClass('active-mune').siblings().removeClass('active-mune');
    });
                  
    $('.num li').click(function() {//首页主要功能模块
        $(this).addClass('num-hover-active').siblings().removeClass('num-hover-active');
    });
                  
    $('.connection-left ul li').click(function() {//联系我们页面的左边距
        $(this).addClass('active-border').siblings().removeClass('active-border');
    });
                  
    $('.page .page-list ul li').click(function() {//翻页列表
        $(this).addClass('active-bg').siblings().removeClass('active-bg');
    })
})

解决方案

个人意见

1. $(this).addClass('num-hover-active').siblings().removeClass('num-hover-active');
   这玩意儿为什么不自己封装小函数？

2. 连着4次$(this)，为什么不const a = $(this)？

3. 这么多.click，建议全部在外面用on委托。

这篇关于javascript - 这些js代码能简写吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！