怎么把这三段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');

    });

})