Question

jquery获取一个DOM元素的高度给别一个DOM

<div class="cp-box">
<a href="#" ><img src="images/cp3.jpg" width="215" height="320" />/a>
<div class="cp-abs">
<a href="#" > <div class="fdj"><img src="images/cp-fdj.png" alt="" /></div></a>
</div>
</div>
如何让.cp-abs获取.cp-box 里的img 高度的高度意思也就是：
<div class="cp-box">
<a href="#" ><img src="images/cp3.jpg" width="215" height="320" />/a>
<div class="cp-abs" sytle="style="height:320px;"">
<a href="#" > <div class="fdj"><img src="images/cp-fdj.png" alt="" /></div></a>
</div>
</div>
急求
这个是列表页面有很多个.cp-box
意思也就是说给class="cp-abs"的div加上一个sytle高度等于.cp-box 的高度就可以了

Answer 1

var h = $('.cp-box').height();
$('.cp-abs').css("height";parseInt(h));

追问

var h = $('.cp-box').height();
$('.cp-abs').css("height";parseInt(h));

这样写的吗？感觉没有反应呀
.cp-box 是列表有很多个

追答

你要在页面上的DOM加载完成这后再执行,这个JS方法

$(function(){
    var h = $('.cp-box').height();
    $('.cp-abs').css("height",parseInt(h));//刚才这个地方写错了,中间应该是逗号            
});

追问

高度是出来了不过他全是读取了一个元素的高度了，我的这是瀑布流，每个高度都是不同的，
$(function(){
var h = $('.cp-box').eq(0).height();
$('.cp-abs').css("height",parseInt(h));
});

cp-box是列表
我这样加eq好像不行，我是JQ菜鸟多指教

追答

$(function(){
    $('.cp-box').each(function(){
        var h = $(this).height(); 
        $(this).children(".cp-abs").height(parseInt(h));       
    });  
});

试 一下这个吧, 我没有测试

Answer 2

var h = $('.cp-box img').attr('width');
$('.cp-abs').css("height";h+'px');

Answer 3

var height = $(".cp-box");
$(".cp-abs").height(height);