单击时设置所有ul标签的高度

时间:2014-04-03 05:18:00

标签: jquery

我正在尝试将所有ul标签高度更改为自动点击

<div class="hey">Click me</div>
<ul style="height:100px">My Height</ul>

的JavaScript

    $(document).ready(function() {
        $('.hey').click(function(){
            $(this).next().find('ul').css('height','auto');
        });
    });

我错过了什么吗?

以下是http://jsfiddle.net/W4Km8/376/

2 个答案:

答案 0 :(得分:1)

您可以使用.nextAll()查找所有下一个兄弟元素

$(this).nextAll('ul').css('height', 'auto');

演示:Fiddle

答案 1 :(得分:0)

您可以使用 .siblings()

$(document).ready(function () {
    $('.hey').click(function () {
        $(this).siblings('ul').css('height', 'auto');
    });
});

如果你的div也有以前的ul兄弟姐妹,这种方法适用于这种情况。

<强> Updated Fiddle