jquery - 如何获取宽度是响应式或自动的元素的宽度

Question

我正在尝试li通过 jquery获取宽度

我有类似的清单

  <ul>
  <li>Home</li>
  <li>Advance Server and Server Confing</li>
  <li>FaQ</li>
  </ul> 

所以尝试获得宽度，li我正在尝试这个

$( "#main_menu ul li" ).each(function() {
     alert($("#main_menu ul li").width());  
});

它给了我每个相同的宽度li。我也尝试.outerWidth()了功能，但它给了我相同的宽度。

Answer 1

  <ul>
  <li><span>Home</span></li>
  <li><span>Advance Server and Server Confing</span></li>
  <li><span>FaQ</span></li>
  </ul> 


$( "ul li span" ).each(function() {
    alert($(this).width());  
});

http://jsfiddle.net/48Apj/

Answer 2

您正在使用each这就是为什么您获得每个宽度的原因。

尝试将它用于单个元素，并尝试使用它来(this)确保仅从当前元素中获得结果。你也可以用attr。

$('#main_menu ul li').click(function () {
  alert($(this).attr('id'));
}

这是一个小提琴：http: //jsfiddle.net/afzaal_ahmad_zeeshan/t39Yk/

对你来说，你可以使用width而不是id.

http://jsfiddle.net/afzaal_ahmad_zeeshan/t39Yk/1/（摆弄宽度）