我如何使用jQuery來計算div id #foo中的子元素(在本例中爲list元素)的數量,然後將100 /(計數的子元素數量)。最後步驟將是應用,作爲一個基於百分比寬度jQuery - 我如何計算兒童和應用基於百分比的寬度
<style="width: Npx">
其中N = [100 /(#子元素)]?
我如何使用jQuery來計算div id #foo中的子元素(在本例中爲list元素)的數量,然後將100 /(計數的子元素數量)。最後步驟將是應用,作爲一個基於百分比寬度jQuery - 我如何計算兒童和應用基於百分比的寬度
<style="width: Npx">
其中N = [100 /(#子元素)]?
試試這個(需要情況下護理的時候有沒有孩子富):
var el = $('#foo');
var len = el.children().length;
if(len > 0){
len = 100/len;
el.css("width", len + "px");
}
var count = $('#foo > *').length;
$('#bar').css({width:(100/count)+'%'});
$('someelement').width((100/$('#foo').find('li').length));
你應該做一個檢查,如果.length
是零,零,以避免分裂。
<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>
贊一個最好的,因爲它佔了一個固定寬度容器通常是比基於%更好。 +1爲改善我的概念! – Brian 2011-01-25 01:33:30