求jq写法

Question

<div>
<ul class="aa">
<li class="bb">1</li>
</ul>
<ul class="aa">
<li class="bb">2</li>
</ul>
<ul class="aa">
<li class="bb">3</li>
</ul>
<ul class="aa">
<li class="bb">4</li>
</ul>
.......有很多少个ul
</div>取li里的数字，然后剩上5px赋给<LI class="bb" style="wdith:乘5PX的结果"。求jq写法

Answer 1

$(".bb").width(function(){return $(this).text()*5+"px";})

Answer 2

$('ul li').each(function() {
    $(this).html($.trim($(this).html())*5 + 'px');
});

Answer 3

$('ul li').each(function() {
    $(this).css('style', 'width:' + '\'' + $.trim($(this).html())*5 + 'px;'+ '\'');
}); 

Answer 4

var lis = $("li");
$.each(lis,function(i,e){
$(e).attr("style","wdith:"+$(e).text()*5+"px");
alert($(e).attr("style"));
});