1

次のマークアップがあります

<div id="mnuMain">
    <ul>
        <li><a href="#">Dashboard</a></li>
        <li><a href="#">Market Trends</a></li>
        <li><a href="#">Master</a>
            <ul>
                <li><a href="#">Products</a></li>
                <li><a href="#">Segments</a></li>
                <li><a href="#" >Companies</a></li>
            </ul>
        </li>
        <li><a href="#">Settings</a>
            <ul>
                <li><a href="#">Dashboard Settings</a></li>
            </ul>
        </li>
    </ul>
    <br style="clear: left" />
</div>

<div id="divNavigation" style="height:20px;width:100%;
background:gray;color:white">        
</div>

私の質問は

特定をクリックしたときに親を上向きに追跡する方法 <a>。これには、リンク付きの[divNavigation セグメント]をクリックしたと仮定します。divNavigationMaster > Segments

4

2 に答える 2

2

急いでコード

$(function() {
    $('#mnuMain ul li a').click(function() {

        var $li = $(this).parents('li');
        var container = $('#divNavigation').empty();

        $li.each(function(i) {
            if (i > 0) {
                $('<span>&gt;</span>').prependTo(container);
            }
            $(this).children('a:first').clone().prependTo(container);
        });

        return false;
    });
});​

デモ

于 2010-09-07T08:14:09.677 に答える
1

$("#mya").parent()直接の親にアクセスするため。すべての祖先にアクセスするには、parents() を使用します。IDをお持ちの方はこちら。そうでない場合は、次のようなものが必要になる場合があります。

$("a").each( var parent = $(this).parent(); <use parent to do stuff>);
于 2010-09-07T07:48:20.297 に答える