jQuery - 我如何计算儿童和应用基于百分比的宽度

我如何使用jQuery来计算div id #foo中的子元素（在本例中为list元素）的数量，然后将100 /（计数的子元素数量）。最后步骤将是应用，作为一个基于百分比宽度jQuery - 我如何计算儿童和应用基于百分比的宽度

<style="width: Npx">

其中N = [100 /（＃子元素）]？

来源

2011-01-24 Brian

试试这个（需要情况下护理的时候有没有孩子富）：

var el = $('#foo'); 
var len = el.children().length; 
if(len > 0){ 
    len = 100/len; 
    el.css("width", len + "px"); 
}

来源

2011-01-24 23:30:03 Chandu

赞一个最好的，因为它占了一个固定宽度容器通常是比基于％更好。 +1为改善我的概念！ – Brian 2011-01-25 01:33:30

var count = $('#foo > *').length; 
$('#bar').css({width:(100/count)+'%'});

来源

2011-01-24 23:27:28 Phrogz

$('someelement').width((100/$('#foo').find('li').length));

你应该做一个检查，如果.length是零，零，以避免分裂。

来源

2011-01-24 23:27:52 jAndy

<html> 
<head> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js" 
type="text/javascript"></script> 
</head> 
<body> 
    <div id="foo"> 
     <ul> 
      <li>Baseball</li> 
      <li>Basketball</li> 
      <li>Football</li> 
      <li>Soccer</li> 
      <li>Hockey</li> 
     </ul> 
    </div> 
    <script type="text/javascript"> 
     $(function() { 
      var sWidth = "auto"; 
      var liLength = $("#foo li").length; 
      alert(liLength); 
      if (liLength > 0) { 
       sWidth = (100/liLength) + "%"; 
      } 
      $("#foo").width(sWidth); 
      alert(sWidth); 
     }); 
    </script> 
</body> 
</html>

来源

2011-01-24 23:42:48

jQuery - 我如何计算儿童和应用基于百分比的宽度

回答

相关问题