jquery - jQuery设置2个独立列表的高度第一个列表li与第二个li高度相同

Question

我有这个 HTML 代码：

<div class="inner">
    <div class="label fivecol">
        <ul class="extraQuestionName">
            <li>Amount Of Bedrooms</li>
            <li>Year Built:</li>
            <li>Amount Of Bathrooms</li>
            <li>City:</li>
            <li>Amount Of Stables</li>
            <li>Amount Of Paddocks</li>
            <li>Approximate Acres:</li>
        </ul>
    </div>
    <div class="data sevencol last">
        <ul class="extraQuestionValue">
            <li>2-4</li>
            <li>2005</li>
            <li>0-2</li>
            <li>Norwich</li>
            <li>0 - 2</li>
            <li>5 - 7</li>
            <li>5</li>
        </ul>
    </div>
</div>

如果有意义的话，我要求第二个列表 li 元素的高度与第一个列表中匹配的 li 相同。

这些元素是动态的，列表项的数量会发生变化，但它们总是成对出现。

有谁知道我如何在 jQuery 中实现这一点，因为我真的不知道。

干杯。

Answer 1

http://jsfiddle.net/EvspT/

$(document).ready(function() {
    $('.extraQuestionName li').each(function(i) {
        $('.extraQuestionValue li').eq(i).height($(this).height());
    });
});

该each()函数有一个索引参数。这将遍历li第一个列表中的元素，并用于eq()在第二个列表中找到具有相同索引的项目，然后设置高度。