如何使用jquery设置di​​v的样式宽度？

Question

我有一个twitter bootstrap进度条，其定义如下：

<div style='position: relative' class='progress progress-info'>
    <div class='bar' id='signalRtensionNegPercentage-#:ViewUnitContract.ConveyanceId #' style='display: block; float: right; width: 15%'>
    </div>
    <span class='gridSpan' id='signalRtensionNeg-#:ViewUnitContract.ConveyanceId #'>#: TensionNegative#</span>
</div>

#: ... #部分是SignalR和Kendo-UI处理的动态ID。在我的SignalR脚本中，我设置了百分比宽度，如下所示：

messageHub.client.notifyTension = function (tensionMessage, conveyanceId) {
    var maxTensionRange = $('#signalRmaxTensionRange-' + conveyanceId).text();
    var minTensionRange = -maxTensionRange;

    var tensionPos = $('#signalRtensionPos-' + conveyanceId).text();
    var tensionNeg = $('#signalRtensionNeg-' + conveyanceId).text();

    var percentageValPos;
    var percentageValNeg;

    if (maxTensionRange != 0 && minTensionRange != 0) {
        if (tensionMessage < 0) {
            percentageValNeg = Math.abs((tensionNeg / (maxTensionRange - minTensionRange)) * 100);
            $('#signalRtensionNegPercentage-' + conveyanceId).width(percentageValNeg);
            $('#signalRtensionNeg-' + conveyanceId).text(tensionMessage);
        } else {
            percentageValPos = Math.abs((tensionPos / (maxTensionRange - minTensionRange)) * 100);
            $('#signalRtensionPosPercentage-' + conveyanceId).width(percentageValPos);
            $('#signalRtensionPos-' + conveyanceId).text(tensionMessage);
        }
    }
};

我的问题是整个条形似乎在扩展，而不是蓝色填充（进度条）。我猜是因为设置了$('#signalRtensionNegPercentage-' + conveyanceId).width(percentageValNeg);部分。任何人都知道如何设置样式：宽度属性，因为我应该定义宽度百分比？

Answer 1

这是语法：

$("#yourdiv").css("width", "300px");

Answer 2

你可以试试这个。

$('#somediv').width('70%');

希望它可以帮到你