Question

我正在制作一个包含2 div个元素的页面：

<div id="id" class="class-name">
    <div class="child-1">

    </div>
    <div class="child-2">

    </div>
</div>

我正在尝试这个jQuery，但它没有工作：

$(window).load( function() 
{
    $('.class-name').each(function() 
    {
        var height = $(this).$('.child-1').height();
        $(this).$('.child-2').css('top', -height);
    });
});

不要担心课程名称，我在这里使用了神秘的课程

Answer 1

使用jQuery的find()或children()方法：

var height = $(this).find('.child-1').height();
$(this).find('.child-2').css('top', -height);

或者：

var height = $(this).children('.child-1').height();
$(this).children('.child-2').css('top', -height);

Answer 2

我认为你应该这样写：

$(window).load( function() 
{
    $('.class-name').each(function() 
    {
        var height = $('.child-1',this).height();
        $('.child-2',this).css('top', -height);
    });
});

希望它有所帮助！

Answer 3

试试这个，

<div id="parent">
<div class="div1"></div>
<div class="div2"></div></div>

CSS：
.div1 {高度：100像素;} .div2 {高度：180像素;}

$("#parent > div").each(function(index,element){
    var classnmae=$(element).attr("class");

    var height=$("."+classnmae).height();

});

jQuery - 如何从类的子级获得高度

3 个答案: