使用JQuery将现有CSS样式扩展%-%

Question

我正试图使用以下代码将现有的css样式扩展1%，但它是以像素为单位的增量，而不是%。因此，与其给出-7%，不如将其作为7px。

$("#label").css("top", "+=1%");

最上面的div的大小为-width: 100%;，标签top : 6%已经定义。

任何关于这方面的想法/建议都将非常有帮助

Answer 1

您可以尝试获取当前的顶级属性值，然后添加1%；

var currentTop = $("#label").css("top");
var topAdded = parseInt(currentTop.replace("%","")) + 1;
$("#label").css("top", topAdded + "%");

Answer 2

您可以这样做：

var top = parseInt($("#label").css("top").replace("%", ""));
top ++; 
$("#label").css("top", top+"%")

更新：

对于一行语句，您可以这样做：

 $("#label").css("top", (parseInt($("#label").css("top").replace("%", "")+1)+"%")