Question

jquery 如何同时遍历两个相对应的数组

<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')
});

Answer 1

如果你两个数组长度保持一致，可以这样：

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])
    })
});

Answer 2

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));
    });

Answer 3

<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呢