![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
jquery 如何同时遍历两个相对应的数组
<script>varpagenumn=['.pagenum1','.pagenum2','.pagenum3','.pagenum4','.pagenum5','.pa...
<script>
var pagenumn=['.pagenum1','.pagenum2','.pagenum3','.pagenum4','.pagenum5','.pagenum6'];
var curn=['cur1','cur2','cur3','cur4','cur5','cur6'];
$.each(pagenumn,function(){
$(pagenumn).mouseenter(function(){
$(this).addClass(curn)
});
$(pagenumn).mouseleave(function(){
$(this).removeClass('curn')
})
</script>
实现输出下面的例子
$('.pagenum1到6').mouseenter(function(){
$(this).addClass('cur1到6')
});
$('.pagenum1到6').mouseleave(function(){
$(this).removeClass('cur1到6')
}); 展开
var pagenumn=['.pagenum1','.pagenum2','.pagenum3','.pagenum4','.pagenum5','.pagenum6'];
var curn=['cur1','cur2','cur3','cur4','cur5','cur6'];
$.each(pagenumn,function(){
$(pagenumn).mouseenter(function(){
$(this).addClass(curn)
});
$(pagenumn).mouseleave(function(){
$(this).removeClass('curn')
})
</script>
实现输出下面的例子
$('.pagenum1到6').mouseenter(function(){
$(this).addClass('cur1到6')
});
$('.pagenum1到6').mouseleave(function(){
$(this).removeClass('cur1到6')
}); 展开
展开全部
如果你两个数组长度保持一致,可以这样:
var pagenumn=['.pagenum1','.pagenum2','.pagenum3','.pagenum4','.pagenum5','.pagenum6'];
var curn=['cur1','cur2','cur3','cur4','cur5','cur6'];
$.each(pagenumn,function(i){
$(pagenumn[i]).mouseenter(function(){
$(this).addClass(curn[i])
});
$(pagenumn[i]).mouseleave(function(){
$(this).removeClass(curn[i])
})
});
展开全部
var pagenumn=['.pagenum1','.pagenum2','.pagenum3','.pagenum4','.pagenum5','.pagenum6'];
function getNum (el) {
// 获取当前元素pagenum后面的数字
return el.className.match(/pagenum(\d)/)[1];
}
$(pagenumn.join(',')).mouseenter(function () {
$(this).addClass('cur' + getNum(this));
}).mouseleave(function () {
$(this).removeClass('cur' + getNum(this));
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div class='pagenum1 pagenum' hoverclass='cur1'>
</div>
<div class='pagenum2 pagenum' hoverclass='cur2'>
</div>
<script>
$('.pagenum').hover(
function(){
$(this).addClass($(this).attr('hoverclass'))
},
function(){
$(this).removeClass($(this).attr('hoverclass'))
},
);
</script>
这是不是你想要的呢?
何不统一成都是.cur呢
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询