获取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>

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>

Answer 2

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

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

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

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

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