2010-10-19 74 views
0

我有一个看起来像这样的列表:jQuery:父母还是兄弟?以及如何“指导”兄弟姐妹搜索?

<li class = "current_parent level-0"> 
    <a> Parent Link </a> 
    <ul class= "children"> 
    <li class = "level-1"> 
      <a> Link to child </a> 
    </li> 

    <li class = "level-1 current_page_item"> 
      <a> Link to child </a> 
    </li> 

    <li class = "level-1"> 
      <a> Link to child </a> 
    </li> 

    </ul> 
</li> 

基本上,我想要得到的元素一个水平UP和DOWN从current_page_item一个级别的HREF。我可以通过.attr(),即$('。current_page_item')。attr(“href”);来轻松获得current_page_item> a的URL。

但我怎么能告诉jQuery看起来一级? .parent()看起来不对,因为他们不是父母,他们是兄弟姐妹,对吧?

但我怎么能告诉兄弟姐妹上移或下移列表?基本上我想要$('。current_page_item> ONE LI> A UP')。attr(“href”);和$('。current_page_item> ONE LI> A DOWN')。attr(“href”);.

再次感谢您对我的jQuery n00bquest的帮助!

回答

3

如果找你与<li>使用.next().prev()开始明白了一个/上一个兄弟姐妹,例如:

var prevHref = $(".current_page_item").prev().find("a").attr("href"); 
var nextHref = $(".current_page_item").next().find("a").attr("href"); 

你可以找到一个功能齐全走动这样的,以及他们的描述根据Tree Traversal section of the jQuery API

0

使用.prev()而不是.parent()(.prev()和.next()都是指兄弟)