jquery - 如何使用 jquery 获得最长宽度作为所有 $ ('li' )的宽度

Question

<ul>
  <li>Short</li>
   <li>Short</li>
   <li>Short
    <ul>
       <li>Short</li>
       <li>Longer</li>
       <li>This is the longest (how do i get this longest width as width of all LI siblings with in this UL only)</li>
   <ul>
   </li>
</ul>

Answer 1

也许你可以使用offsetWidth礼。

function getMaxLiWidth(){
  var maxWidth = 0;
  $('li').each(function(i){
    if(this.offsetWidth > maxWidth)
      maxWidth = this.offsetWidth;
  });
  return maxWidth;
}

如果您想返回具有最长宽度的“li”元素，您可能应该在函数中保存“i”索引，然后您可以选择它，例如: $('li:nth-child('+i+')') .
该函数将是: <pre>function getMaxLiWidth(){ var maxWidth = 0,index=0; $('li').each(function(i){ if(this.offsetWidth > maxWidth) { maxWidth = this.offsetWidth; index = i; } }); return $('li:nth-child('+index+')'); } </pre>