我怎样才能得到“this”下面的元素

Question

如何到达this

下面的下一个节点

例如

<ul id="secondary-nav">
    <li id="isOpen" class="expandable">
        <p>
            <ul style="display: none;">
    </li>
    <li id="isClosed" class="expandable expanded">
        <p>
            <ul style="display: none;">
    </li>
</ul>

以下是正在运行的代码：

$('#secondary-nav li').click(function() {
    var fstname = $(this).attr('class');
    alert(fstname);
    if (fstname == 'expandable') {
        if ($('#secondary-nav li').hasClass('expandable expanded')) {
            $('#secondary-nav li').removeClass('expanded');
            $('#secondary-nav li ul').css('display', 'none');
        }
    }
    $(this).addClass('expanded');
    //******************************//
    $(this).next('ul').css('')
});​

如何在<ul>访问this下面的//*********//元素，以更改此元素的样式。

Answer 1

使用find：

$(this).find('ul');

Answer 2

$("ul", this)

只要它是一个孩子就应该这样做。