获取 LI 元素的 offsetWidth（或等效项）

Question

所以我试图使用 jQuery 获取元素的宽度。

 alert($("#theList li:eq(0)").offsetWidth);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ol id="theList">
  <li>The quick brown fox
</ol>

原文由 Daniel Williams 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

jQuery 有 $(elem).width() 返回元素 offsetWidth 的函数

 alert($("#theList li:eq(0)").width());

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ol id="theList">
  <li>The quick brown fox</li> <!--also you forgot closing tag -->
</ol>

原文由 Medet Tleukabiluly 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您错误地将 jQuery 和标准 Javascript 混合在一起。

要使用 .outerWidth，您需要访问 DOM 元素：

 alert($("#theList li:eq(0)")[0].offsetWidth);

或者你可以使用 jQuery 的 .outerWidth() ：

 alert($("#theList li:eq(0)").outerWidth());

原文由 brut 发布，翻译遵循 CC BY-SA 3.0 许可协议