这些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委托。