2010-10-19 104 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()都是指兄弟)