求高手帮忙写段JS或者jquery,能算出父DIV中属性display为none的子DIV的个数

<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" />
得出的结果能在文本框中显示出来,

第1个回答  推荐于2016-04-20
你好,使用jquery完成如下,看了一下楼上的,如果你的div的class都是aaa也可以向他那样写,是没有错的:
<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);

})

})

本回答被提问者采纳
第2个回答  2013-11-05
给最上面的一层div赋值一个id 为 main 的属性那我们就可以用下面的代码。
$(function(){
var result="";
var i=0;
$("#main").children("div").each(function(){
var resultdisplay =$("#“+this.id).attr("display");
if (resultdisplay="none"){
i++
}
});
alert(i);
}
</script>

大体应该是这个思路具体的代码我也不知道是否准确。
第3个回答  2013-11-05
$('#number').val($('.aaa:hidden').length);

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网