Javascript 如何保持悬停时的元素宽度?

Javascript 如何保持悬停时的元素宽度?,javascript,jquery,dom,Javascript,Jquery,Dom,我想保持悬停时元素的宽度。基本上,我已将宽度属性放入数组中,并希望在悬停其元素时访问它们。这是我的密码: var tabs = $('.tab-block li').map(function(){ return $(this).css('width'); }).toArray(); $('.tab-block li').hover(function(){ $(this).css({'width': tabs[GET_HOVERED_ELEMENT_WIDTH]}); },func

我想保持悬停时元素的宽度。基本上,我已将宽度属性放入数组中,并希望在悬停其元素时访问它们。这是我的密码:

var tabs = $('.tab-block li').map(function(){
    return $(this).css('width');
}).toArray();
$('.tab-block li').hover(function(){
    $(this).css({'width': tabs[GET_HOVERED_ELEMENT_WIDTH]});
},function(){
    $(this).removeAttr('style');
});

我不知道你在这里做什么,但你可以这样做:

$('.tab-block li').hover(function(){
    $(this).css({'width': tabs[$(this).index()]});
},function(){
    $(this).removeAttr('style');
});

我的css中有一个加粗文本的悬停事件。因此,将1-3个像素添加到选项卡宽度。我不想使用固定宽度,因为文本会根据许多其他变量进行更改。