如何获取宽度元素的宽度响应或自动

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/（拨弄宽度）