2010-09-07 80 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>);