在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

要设置每个li的宽度，您必须在每个内部写入宽度分配代码：

  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
   });