更改html中的标签宽度

Question

您好，目前我所有的标签都有相同的宽度。我如何设置不同宽度的各个标签。例如，总数是100％，我有6个标签。我希望宽度根据我放置的总价值而不同。就像我最后的标记名是H + 60，相当于100％。我的第一个标签是H + 15，这是25％，依此类推。

目前这是我的尝试。

var n = $(".nav li").length; 
var w = (100/n); 
$(".nav li").width(w+'%'); 

Answer 1

要为每个L1设置宽度你必须写内部的各个宽度分配代码：

var n = $('#nav li').length; //count length outside each 
    $('#nav li').each(function() 
    { 
    var textInside = $(this).find("a").text(); //get number from text 
    var w = //count width 
    $(this).width(w+'%'); // assign width 
    });