javascript - 如何使用 jQuery 测量元素宽度

标签 javascript jquery html css dom

我有一个烦人的错误,我忘记了它为什么会发生:

我有一个普通的html列表

<ul> <li>Some text</li> <li>Another Text </li> <li>text</li> <li>another one</li> </ul>

我正在尝试测量每个 li 的宽度

我正在尝试编写这段 jQuery 代码:

for (var i=0; i++; i <4)
{
   $("ul li")[i].width();
}

但不知何故这不起作用 - 我在这句话中做错了什么 $("ul li")[i].width();

最佳答案

$('ul li').each(function(){
     /*width*/
     console.log( $(this).width());
     /*width+padding*/
     console.log( $(this).outerWidth(true));
});

关于javascript - 如何使用 jQuery 测量元素宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8296393/

相关文章:

jquery - CSS3 在动画元素上旋转导致点击事件不调用

html - 使 HTML 表格单元格的内容适合 - 不换行?

html - GoRatchet 在 href 后不调用 onload

javascript - 增加图例和 -chartartJs 之间的间距

javascript - 根据包含另一个数组中所有值的数组属性过滤对象数组

javascript - 如何仅更改粗体标签后的文本?

javascript - 如何在没有 AJAX 的情况下本地获取 JSON

javascript - 添加下拉值的新输入字段

javascript - 如果没有刷新,React Router 将无法工作

javascript - 使用 jquery 获取输入字符串