Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery:如何设置具有自己宽度的css?_Jquery_Css_Jquery Selectors - Fatal编程技术网

jQuery:如何设置具有自己宽度的css?

jQuery:如何设置具有自己宽度的css?,jquery,css,jquery-selectors,Jquery,Css,Jquery Selectors,我正在尝试设置一些标签right属性,以便在鼠标悬停时进行更改 我之所以通过jQuery这样做,是因为每一个都有不同的大小,不允许通过CSS这样做 这就是我所拥有的: $('#vertical-navigation .label').css('right', $(this).width()); 当然,这不起作用,因为$(这个)返回了我认为是窗口宽度的值 如何使用元素自身的宽度为每个元素设置右侧的位置?您可以这样使用: $('#vertical-navigation .label').css('

我正在尝试设置一些标签
right
属性,以便在鼠标悬停时进行更改

我之所以通过jQuery这样做,是因为每一个都有不同的大小,不允许通过CSS这样做

这就是我所拥有的:

$('#vertical-navigation .label').css('right', $(this).width());
当然,这不起作用,因为
$(这个)
返回了我认为是窗口宽度的值

如何使用元素自身的宽度为每个元素设置
右侧的
位置?

您可以这样使用:

$('#vertical-navigation .label').css('right', function(){
    return $(this).width() + 'px';
});
现在,根据您的HTML标记,这就足够了:

$('#vertical-navigation .label').css('right', '100%');
您可以这样使用:

$('#vertical-navigation .label').css('right', function(){
    return $(this).width() + 'px';
});
现在,根据您的HTML标记,这就足够了:

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

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

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

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

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

很好,不知道你可以使用这样的函数很好,不知道你可以使用这样的函数