首页 > 解决方案 > 组合两个相同的 jQuery 函数,除了它们使用不同的选择器和类

问题描述

我有两个功能做同样的事情,除了我定位的元素不同,我要添加的 ID 也是不同的。将这些组合成一个函数的最佳方法是什么?

  <script>
      $('.Index-page--has-image[id*="angle-right"]').each(function(){
        var index = $(this).index('.Index-page--has-image')
        $('.Parallax-host .Parallax-item').eq(index).attr('id','angle-right');
      });
        $('.Index-page--has-image[id*="angle-left"]').each(function(){
        var index = $(this).index('.Index-page--has-image')
        $('.Parallax-host .Parallax-item').eq(index).attr('id','angle-left');
      });
    </script>

标签: jquery

解决方案


['left','right'].forEach( way => {
    way = 'angle-' + way ;
    $('.Index-page--has-image[id*="'+way+'"]').each(function(){
        var index = $(this).index('.Index-page--has-image');
        $('.Parallax-host .Parallax-item').eq(index).attr('id',way);
    });
} );

推荐阅读