如何获取最后一个层次结构子项

时间:2013-09-11 10:48:31

标签: jquery

jsFiddle DEMO

需要制作<一个> 标记,位于最后一级< li> linkible

对于所有< a> 不在最后< li> 级别== event.preventDefault(e);

<ul>
    <li>
        <a href="">ul li</a>
        <ul>
            <li>
                <a href="">ul li ul li</a>
                <ul>
                    <li><a href="">ul li ul li ul li last click true</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <a href="">ul li</a>
        <ul>
            <li>
                <a href="">ul li ul li last click true</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="">ul li</a>
        <ul>
            <li>
                <a href="">ul li ul li</a>
                <ul>
                    <li>
                        <a href="">ul li ul li ul li</a>
                        <ul>
                            <li>
                                <a href="">ul li ul li ul li ul li last click true</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

解决了问题: 我的意思是最后一级&lt; li&gt; 标签......

2 个答案:

答案 0 :(得分:2)

我能看到的一个逻辑是a是否有ul兄弟,然后阻止默认操作

jQuery('a').filter(function(){
    return $(this).next('ul').length != 0
}).click(function (e) {
    event.preventDefault(e);
    jQuery(this).next('ul').animate({height:"toggle", opacity:"toggle"}, 300);
});

演示:Fiddle

答案 1 :(得分:-1)

查看有关:last-child Selector

的文档