jQuery：AddClass

我有一个列表,其中SPAN包含一个数字.我想在这个旁边的SPAN上将这个数字“复制”到STYLE(将宽度设置为数字作为百分比).

HTML

<span class="celebName">Per</span>
<span class="celebPct">32</span>
<span class="celebBar"></span>

jQuery的

$('.celebPct').each(function(index) {
    var celebPct = $(this).val();
    $(this).next(".celebBar").css({"width": + $(celebPct)+"%";});
});

我希望结果是这样的：

<span class="celebName">Per</span>
<span class="celebPct">32</span>
<span class="celebBar" style="width:32%;"></span>

为什么不工作？

试试这个：

$('.celebPct').each(function(index) {
    var celebPct = $(this).text();
    $(this).next(".celebBar").css({"width":  celebPct+"%"});
});

这是一个工作小提琴：http://jsfiddle.net/maniator/beK89/

此外,如果你只有一个css更改,你在.css调用中不需要一个对象,你可以这样做：.css(“width”,celebPct“％”);