如何獲取寬度元素的寬度響應或自動

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/（撥弄寬度）