如何獲得寬度是響應式或自動的元素的寬度

Question

我試圖通過jQuery獲取li的寬度

我有這樣的清單

  <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/ （帶有小提琴的寬度）