jquery - 组合两个相同的 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>
解决方案
['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);
});
} );
推荐阅读
- android - 加载几页后如何设置OffscreenPageLimit()?
- wordpress - 想要自定义 [the_excerpt] 长度形式 wp
- c++ - 有符号的 int 与 int - 有没有办法在 C++ 中区分它们?
- python - numpy/pandas 可以处理作用于空值的布尔运算符吗?
- operating-system - 为什么在 cpu 内核之间调度线程很昂贵?
- nginx - 拒绝自定义目录 nginx 的权限
- datetime - 向 webapi 输入日期
- php - 000webhost api 返回 net::ERR_EMPTY_RESPONSE
- javascript - 如何使用ajax,PHP制作自动填充信息文本框和数据验证
- ruby-on-rails - 无法通过 Ruby on Rails 中的 Slim 提供静态图像