Jquery:如果奇数li高度小于奇数hieight,设置每个奇数li高度=偶数高度?

时间:2011-06-30 11:51:19

标签: jquery html-lists

这就是我需要的: 例如,有4个列表项。 1 2 3 4

如果2的高度小于1的高度,则高度为2 = 1 同样适用于4和3,6和5

我的第一部分以某种方式工作:

$(document).ready(function() {
   $('div.jShadow div > ul > li:odd').each(function(){
       $(this).height($(this).prev().height());
    });
 });

<div class="jShadow">
<div id="Menu2Div">
    <ul>
        <li>1
            <ul>
                <li>1-1</li>
                <li>1-2</li>
                <li>1-3</li>
                <li>1-4</li>
            </ul>
        </li>
        <li>2
            <ul>
                <li>2-1</li>
                <li>2-2</li>
                <li>2-3</li>
            </ul>
        </li>
        <li>3
            <ul>
                <li>3-1</li>
                <li>3-2</li>
            </ul>
        </li>
        <li>4
            <ul>
                <li>4-1</li>
            </ul>
        </li>
    </ul>
</div>

但我没有做高度检查......

1 个答案:

答案 0 :(得分:0)

这有用吗?

$(document).ready(function() {
   $('div.jShadow div > ul > li:odd').each(function(){
       $(this).css('min-height', $(this).prev().height() + 'px');
    });
 });

请参阅小提琴http://jsfiddle.net/YXWVe/1/