获取安莉元素的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具有返回元素的offsetWidth的$(elem).width()函数

​

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());

Answer 3

offsetWidth是HTML元素的只读属性。因此，您应该使用此机制首先获取选择的第一个元素，然后该元素将为您提供jQuery选择的HTMLElement，然后获取它的属性：

   $('#theList li:eq(0)')[0].offsetWidth