怎么用js获取class的高度并赋值给同一个class

从不吃馍 2017-05-03 12:13:33
我不知道怎么描述题目,直接举个例子吧
有两个div调用同一个class,但是其中一个高度不固定,另一个怎么跟着高度一起变化
<div class="ss">
<div class="zz1"></div>
<div class="zz2"></div>
</div>

<div class="mm">
<div class="zz1"></div>
<div class="zz2"></div>
</div>

这样的情况,上面ss里面的zz1,是没有高度的,下面mm里面的zz1有高度,而且不固定(自适应页面的时候,宽度变小,高度就要增加),
怎么能让ss里面的zz1高度随着mm里面的zz1高度一起变化,需要他们两个的高度一样。代码里不能用id=“”,只能用class=“”,能不能用js获取mm里zz1的高度,然后给ss的zz1赋个style值?

就跟我们用的Notepad++ 、Dreamweaver这些软件前面的行号一样,代码如果太长自动换行了,行号也会跟着往下移相同的距离,我需要的就是这样的效果。

...全文
2562 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Msxindl_Com 2017-05-03
  • 打赏
  • 举报
回复

<script type="text/javascript">
function autoResize(){
	var div = document.getElementsByClassName("zz1");
	div[0].style.minHeight = div[1].offsetHeight + "px";
	window.onresize = autoResize;
}
window.onload = autoResize;
</script>
文盲老顾 2017-05-03
  • 打赏
  • 举报
回复
$(document).ready(function(){ $('.mm .zz1').resize(function(){ $('.ss .zz1').css('height',$(this).height()+'px'); }); $('.mm .zz1').click(function(){ $(this).css('height',($(this).height()+5)+'px'); $(this).resize(); }); });
天际的海浪 2017-05-03
  • 打赏
  • 举报
回复

$(function(){
	$(".mm div").each(function () {
		$(".ss div."+this.className).height($(this).height());
	})
});

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧