更改 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 设置宽度，您必须在每个 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
   });