Skip to content

Instantly share code, notes, and snippets.

@styson

styson/find height of nested elements

Created April 6, 2012 17:06
Show Gist options
  • Save styson/2321394 to your computer and use it in GitHub Desktop.
Save styson/2321394 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
find height of nested elements
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var frm = $('.frameWrap1 > ul > li').find('iframe, img').attr('height');
$("<p>" + frm + "</p>").insertAfter("#frm");
var img = $('.frameWrap2 > ul > li').find('iframe, img').attr('height');
$("<p>" + img + "</p>").insertAfter("#img");
});
</script>
</head>
</body>
<div class="frameWrap1">
<ul>
<li><iframe id="frm" src="movie.swf" width="750" height="222"></iframe></li>
</ul>
</div>
<div class="frameWrap2">
<ul>
<li><img id="img" src="image.jpg" width="640" height="250"></li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment