请问如何取得“层”下,div样式名个数? 本帖最后由 sz861128 于 2011-12-27 10:49:50 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 你可以先查找 层1/层2下面有几个div,如果每个div高度相同,就用div的高度*个数就可以了吧 嗯,大致是这个意思,不过不知道能不能只取子层div,实在对js才疏学浅,不太会写这个方法 可以,如果你用jquery的很简单$(".层1>div").length 这就是获取层1下面的div的个数或者:$(".层1 .content07").length 这是获取层1下面样式是content07的个数 可以吧。给展按钮1,一个click事件,然后在事件处理程序里面,取层2的引用!然后就可以取的childNodes.length这个数就是层2包含的子元素!PS:我学的不精,还在走。如果错误,请高手指名下! 这边我测试了一下,高度为0而子元素有内容的话,父元素会被撑开,而不会出现display:none的效果。 感觉你就是想做类似菜单,或者叫滑块的东西,给你做了个,给分全看自觉啊~~<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <style type="text/css"> .d1{border: #E3E3E3 thin solid;background-color:#99CCCC;} .d2{border: #E3E3E3 thin solid;background-color:#99CC99;} .d3{border: #E3E3E3 thin solid;background-color:#9999CC;} .title{background-color:#99CCCC; height:40px;} .content07{border: #E3E3E3 thin solid;background-color:#9999CC; height:75px;display:none;} </style> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".d1,.d2,.d3").click(function(){ $(this).find("div[class='content07']").slideToggle("slow"); }); }); </script> </HEAD> <BODY><div class="d1"> <div class="title">d1</div> <div class="content07">content07</div> <div class="content07">content07</div> <div class="content07">content07</div></div><div class="d2"> <div class="title">d2</div> <div class="content07">content07</div> <div class="content07">content07</div> <div class="content07">content07</div> <div class="content07">content07</div> <div class="content07">content07</div> </div><div class="d3"> <div class="title">d3</div> <div class="content07">content07</div> <div class="content07">content07</div></div> </BODY></HTML> $(".div1,.div2,.div3").click(function(){ $(this).children('.content07').slideToggle("slow"); }); $(".div1,.div2,.div3").click(function(){ $(this).children('.content07').slideToggle("slow"); }); 关于dtree树,我想单击其中某个节点,然后执行某个js函数,请问该怎么写 如何在jquery获取iframe里面静态网页的<a>,设置其target属性 问个HTML标签操作问题 javascript动作后 如何看源码呀? script代码修改 来看看这个组件叫什么名字 读取不到值,郁闷 我想做一个类似CSDN论坛一样分左右的页面,点一下中间的竖线左边能缩进,这个怎么做? 高手帮忙看一下~急! 如何使用jquery的submit函数判断是否提交成功 请教为什么 dom 操作的 表格没有居中? 如何部分删除div下a
$(".层1>div").length 这就是获取层1下面的div的个数
或者:$(".层1 .content07").length 这是获取层1下面样式是content07的个数
给展按钮1,一个click事件,然后在事件处理程序里面,取层2的引用!然后就可以取的childNodes.length这个数就是层2包含的子元素!
PS:我学的不精,还在走。如果错误,请高手指名下!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.d1{border: #E3E3E3 thin solid;background-color:#99CCCC;}
.d2{border: #E3E3E3 thin solid;background-color:#99CC99;}
.d3{border: #E3E3E3 thin solid;background-color:#9999CC;}
.title{background-color:#99CCCC; height:40px;}
.content07{border: #E3E3E3 thin solid;background-color:#9999CC; height:75px;display:none;}
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".d1,.d2,.d3").click(function(){
$(this).find("div[class='content07']").slideToggle("slow");
});
});
</script>
</HEAD>
<BODY>
<div class="d1">
<div class="title">d1</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
</div>
<div class="d2">
<div class="title">d2</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
</div>
<div class="d3">
<div class="title">d3</div>
<div class="content07">content07</div>
<div class="content07">content07</div>
</div>
</BODY>
</HTML>
$(this).children('.content07').slideToggle("slow");
});
$(this).children('.content07').slideToggle("slow");
});