JQuery - Как получить высоту от ребенка класса

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 {высота: 100px;} .div2 {высота: 180px;}.

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

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

});