jQuery:添加类

Question

我有一个列表，其中 SPANs 包含一个数字。我想将这个数字“复制”到它旁边的 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>

为什么这不起作用？？

Answer 1

试试这个:

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

这是一个有效的 fiddle :http://jsfiddle.net/maniator/beK89/

此外，如果您只有一个 css 更改，您不需要 .css 调用中的对象，您可以这样做:.css("width", celebPct+"%");