jQuery：如何设置自己宽度的css？

Question

我尝试设置一些标签right属性，以便我可以在鼠标悬停时更改它。

我之所以通过jQuery这样做是因为每个人都有不同的大小，不允许通过CSS来实现。

这就是我所拥有的：

$('#vertical-navigation .label').css('right', $(this).width());

当然，这不起作用，因为$(this)正在返回我认为的窗口宽度。

如何为每个元素设置具有元素自身宽度的right位置？

Answer 1

您可以像这样使用function parameter：

$('#vertical-navigation .label').css('right', function(){
    return $(this).width() + 'px';
});

现在，根据您的HTML标记，这可能就足够了：

$('#vertical-navigation .label').css('right', '100%');

Answer 2

在每个循环中执行此操作，然后您可以使用this：

$('#vertical-navigation .label').each(function() {
    var label = $(this);
    label.css('right', label.width() + 'px');
});