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

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

2 个答案: