<div style="width:100px; height:200px; background:#000">
<div class="aaa" id="a1" style="display:none">1</div>
<div class="aaa" id="a2" style="display:none">2</div>
<div class="aaa" id="a1" style="display:none">3</div>
<div class="aaa" id="a2" style="display:none">4</div>
<div class="aaa" id="a3" style="display:block">5</div>
</div>
<input id="number" value="0" type="text" />
得出的结果能在文本框中显示出来,
<script src="
<script type="text/javascript">
$(function(){
// 查询第一个 div 中子节点 div,属性为 hidden 也就是隐藏的 div 的个数(length),如果这里要找所有的 div(包含子节点的子节点,则改为 length2,这里为了好找,最好最外层div加一个id="***" 然后用 $("#*** >div:hidden").length;
var length = $("div:eq(0) >div:hidden").length;
// var length2 = $("div:eq(0) div:hidden").length;
// 然后对 id=number 的控件赋值,设置 value 属性
$("#number").val(length);
})
</script>追问
能不能在给加个功能就是,当点击某个按钮的时候才开始执行找出有多少个DIV。
追答// 可以的,你在你的html页面加个按钮
//
然后js如下
$(function(){
// 当 id=btnSet 的按钮 click 的时候,才执行
$("#btnSet").click(function(){
var length = $("div:eq(0) >div:hidden").length;
$("#number").val(length);
})
})
$(function(){
var result="";
var i=0;
$("#main").children("div").each(function(){
var resultdisplay =$("#“+this.id).attr("display");
if (resultdisplay="none"){
i++
}
});
alert(i);
}
</script>
大体应该是这个思路具体的代码我也不知道是否准确。