如何使用jQuery将数字添加到当前CSS宽度

我正在研究一个仪表，它的升降取决于你的决定

我通过使用jQuery更改CSS的宽度百分比来实现这一点

目前，我可以将其设置为任意百分比，但我想从当前值中添加或减去一个百分比

我该怎么做

我的代码：

        $("#meter").css("width", "40%");
        $(".fan-percent").text("40%");

我的HTML：

<div id="fanHappiness">

<h4 class="white">Fan Happiness:</h4>

<div id="meter">

    <h4 class="white fan-percent">50%</h4>

</div>

---

$（“#米”）.css（“宽度”）将返回百分比；因此，您可以根据“/”分割返回值，然后增加/减少隔离数。完成后，您可以更新css和文本。如果不清楚，请告诉我，和/或您需要一些代码来可视化。

这应该可以做到：

$(document).ready(function () {
    var percent = "40%";  
    $("#meter").css("width", percent);
    $(".fan-percent").text(percent);
});

function addHappiness(){
    var currentPercent = $("#meter")[0].style.width.slice(0,-1);
    newpercent = +currentPercent + 10;
    $("#meter").css("width", newpercent + "%");
    $(".fan-percent").text(newpercent + "%");
}

---

JsFiddle:

向我们展示您的产品tried@technophobia我认为他已经向我们展示了他的所作所为。问题是有效的。@HTML上方的技术恐惧症是我目前用于设置CSS宽度/文本的jQuery，我没有包括按钮按下功能，因为它对问题并不重要，我尝试在几个不同的位置添加+符号，但显然不起作用，所以我在这里寻求帮助。@npav42收到，我的错。谢谢你的回答，如果你能展示一些很棒的代码，但我会接受你所说的，看看我是否能弄明白。这会让你走上正轨。请注意我是如何写入控制台的，以便您可以看到值是如何提取的。根据需要操纵该值，然后使用jQuery更新css，例如$（“#meter”）.css（“width”，newValue）；希望这有助于请注意，该演示中没有缓冲区逻辑，因此它将允许超过100%。您需要在这里添加一些逻辑。

$(document).ready(function () {
    var percent = "40%";  
    $("#meter").css("width", percent);
    $(".fan-percent").text(percent);
});

function addHappiness(){
    var currentPercent = $("#meter")[0].style.width.slice(0,-1);
    newpercent = +currentPercent + 10;
    $("#meter").css("width", newpercent + "%");
    $(".fan-percent").text(newpercent + "%");
}