それぞれの最初のul liの高さを計算し、2番目のul liにそれぞれ適用します。

Question

私は2つのリストを持っていて、最初のにliの高さを計算して2番目に適用します。これは私が試したものです：

<ul class="first"> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
</ul> 

<ul class="second"> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
    <li class="">item1</li> 
</ul> 

jQuery(document).ready(function($){ 
    jQuery('.first ul li').each(function(){ 
     var ht = jQuery.makeArray($(this).height()); 
    }); 

    jQuery('.second ul li').each(function(){ 
     $(this).css('height',ht); 
    }); 
} 

Answer 1

それは私のために動作します。

jQuery(document).ready(function($){ 
    console.log('ready'); 
    var ht=[]; 
    $('.first li').each(function(index){ 
     ht[index]=$(this).height(); 
     console.log(ht[index]); 
    }); 

    $('.second li').each(function(index){ 
     $(this).css('height',ht[index]); 
    });  
}); 

Answer 2

以下のコードを変更する必要があります。正常に動作しています。

$(document).ready(function(){ 
    $('.first li').each(function(index){ 
     $('.second').find('li').eq(index).css('height', $(this).css('height')); 
    }); 
});