这些js代码能简写吗？

Question

$(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');
    })
})

Answer 1

个人意见

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

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

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

Answer 2

mune是什么鬼？

$(this).addClass('active-bg').siblings().removeClass('active-bg'); 这样的代码自己封装个jQuery扩展呗。