javascript - 在html中更改标签宽度

标签 javascript jquery html css width

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

您好,目前我所有的标签都具有相同的宽度。如何为每个单独的标签设置不同的宽度。例如,总数是 100% 我有 6 个标签。我希望宽度根据我投入的总值(value)而有所不同。比如我的最后一个标记名是 H+60,等于 100%。我的第一个标签是 H+15,也就是 25% 等等。

目前这是我尝试过的。

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

最佳答案

要为每个 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
   });

关于javascript - 在html中更改标签宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20739287/

上一篇:html - 100% 高度和流体布局?

下一篇:html - 无法使用 html 和 css 将我的菜单居中

相关文章:

javascript - 如何在委托(delegate)事件中获取表单 ID 属性

javascript - iTop,在哪里实现onchange javascript?

javascript - 有没有办法在不使用全局变量的情况下在 jquery 的 hover() 中的两个函数之间共享变量?

javascript - 变量未传递给 Ajax 调用 : undefined variable

php - 如何通过cookie存储和重新加载动态表单?

通过单击页面上的任意位置调用 JavaScript __dopostback

php - 使用 Ajax 和 PHP 检查数据库中的现有用户

javascript - 为什么当我在浏览器中运行时我的输入没有更新? - Javascript

html - 在 div 下有很多空白区域?

java - HTML5 Websocket 错误