jquery - 最後の階層の子を取得する方法

Question

jsFiddle デモ

最後のレベルの< a >タグを< li >リンク可能にする必要があります

最後の< li > level == event.preventDefault(e);以外のすべての< a >について。

<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>

質問を修正: つまり、最後のレベルの< li >タグ...

Answer 1

私が見ることができる1つのロジック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);
});

デモ:フィドル

Answer 2

:last-child Selectorに関するドキュメントを確認してください。