怎么把这三段jquery代码缩写成一段

Question

    // 搭配

    $('.collocation .navList li').mouseover(function () {

        $(this).siblings().removeClass('navActive');

        $(this).addClass('navActive');

        $('.collocation .proR .proLi').eq($(this).index()).removeClass('hide').siblings().addClass('hide');

    });

    // 配件

    $('.parts .navList li').mouseover(function () {

        $(this).siblings().removeClass('navActive');

        $(this).addClass('navActive');

        $('.parts .proR .proLi').eq($(this).index()).removeClass('hide').siblings().addClass('hide');

    });

    // 周边

    $('.derivative .navList li').mouseover(function () {

        $(this).siblings().removeClass('navActive');

        $(this).addClass('navActive');

        $('.derivative .proR .proLi').eq($(this).index()).removeClass('hide').siblings().addClass('hide');

    });

如何让他们缩写呢？？？
尝试了很多方法没有成功。

Answer 1

如下：$('.collocation,.parts,.derivative').each(function(index,element){    $(element).find('.navList li').mouseover(function () {        $(this).siblings().removeClass('navActive');        $(this).addClass('navActive');        $(element).find('.proR .proLi').eq($(this).index()).removeClass('hide').siblings().addClass('hide');    });})