Question

我有两个列表，我想先计算第一个li中ul的高度，然后将其应用到第二个。这就是我试过的：

<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'));
    });
});

计算每个的第一个ul高度并分别应用于第二个ul li

2 个答案: