js获取元素下所有子元素总宽度赋值给父元素
来源:互联网 发布:网络总攻是什么意思 编辑:程序博客网 时间:2024/05/17 23:50
这个问题是今天在网上看到有人提的。
想要获取#box下面所有div的宽度之和,然后赋值给#box,不论加多少个div,#box的宽都会随着div的增加而改变。
<style> #box{display:inline-block; border:1px #333 solid;} </style> <div id="box"> <div style="width:100px; height:50px;"></div> <div style="width:100px; height:50px;"></div> <div style="width:100px; height:50px;"></div> <input type="button" id="btn" value="修改" /> </div> <p class="notice"></p> <script> $("#btn").click(function(){ var w=0; $("#box div").each(function() { w+=parseInt($(this).width()); }); $("#box").width(w);//或使用$("#box").css("width",w)一样的 $(".notice").html("div的总宽度为:"+w); }); </script>
最主要的就是用到了each,遍历所有的div,获取他们的宽度并累加起来。
原文出处:http://www.santii.com/article/128.html
阅读全文
0 0
- js获取元素下所有子元素总宽度赋值给父元素
- js给元素赋值
- js获取元素宽度
- easyUI的iframe子页面获取父页面元素和给父页面元素赋值
- js获取对象的父元素,子元素,兄弟元素
- js获取子元素
- JS:获取元素宽度高度
- js获取元素高度、宽度
- js获取元素下的第一级子元素
- jquery父级元素获取所有子级元素
- Jquery获取所有子元素
- jquery 获取元素下的子元素
- js/jq获取子元素和父元素
- JS中获取父节点元素和子节点元素
- JS获取页面所有元素
- js获取子级元素
- 取特定元素下面最大子元素高度,并赋值给其他子元素
- js获取html元素宽度的思考
- laravel开启cors
- 群贤毕至 共襄盛会:日知录企业存储峰会嘉宾介绍
- Android各版本代号、版本号、API/NDK级别、发布时间
- 【状压DP】51Nod 1779 逆序对统计
- Log4Net的入门使用
- js获取元素下所有子元素总宽度赋值给父元素
- 【深度学习】Batch Normalization
- apache和tomcat的区别
- Java中Synchronized的用法
- 大话设计模式——适配器模式
- sqlmap
- 微信红包的随机逻辑源码
- 关于差分约束的问题
- EL表达式 (详解)