似乎无法增加百分比来获得正确的价值

Question

我是jQuery的初学者，似乎无法解决这个问题 为什么我不能使用

var main = $('#content');
main.css("width","+=15%");

原始width: 70%; 致电width: 622.6%;

之后

我需要width: 85%;

可能是错误，感谢任何帮助。

Answer 1

那是因为main.css('width')会以像素为单位给出值。

但您可以根据父母宽度进行计算：

var main = $('#content');
var porcentage = main.width() / main.parent().width() * 100;
porcentage = Math.ceil(porcentage);
porcentage += 15;
main.css('width', porcentage+'%');

选中此JSFIDDLE