2010-09-07 31 views
1

一個網站地圖,我有以下的標記如何創建使用jQuery

<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 將包含現在假設我點擊「細分」divNavigation應該有Master > Segments與鏈接。

回答

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; 
    }); 
});​ 

demo

+0

非常感謝你....如果我的鏈接點擊該網站地圖是什麼..它會根據層次更新嗎? – 2010-09-07 08:25:36

+0

我已經這樣做了....再次感謝...... – 2010-09-07 09:40:08

1

$("#mya").parent()用於訪問直接父母。使用父母()訪問所有祖先。這是如果你有身份證。如果你沒有,那麼你可能需要的東西是這樣的:

$("a").each(var parent = $(this).parent(); <use parent to do stuff>);