jQuery：父级还是兄弟级？以及如何“指导”兄弟搜索？答案

【问题标题】：jQuery: Parent or Sibling? And how to 'instruct' a sibling search?jQuery：父级还是兄弟级？以及如何“指导”兄弟搜索？
【发布时间】：2010-10-19 10:29:10
【问题描述】：

我有一个如下所示的列表：

<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>

基本上，我想从 current_page_item 获取元素的 HREF 上一级和下一级。

我可以通过 .attr() 轻松获得 current_page_item > a 的 URL，即 $('.current_page_item').attr("href");。

但是我怎样才能让 jQuery 向上查找一级呢？ .parent() 似乎不对，因为他们不是父母，而是兄弟姐妹，对吧？

但是我怎样才能告诉兄弟姐妹向上或向下移动一个列表呢？

基本上我想要 $('.current_page_item > ONE LI > A UP').attr("href");和 $('.current_page_item > ONE LI > A DOWN').attr("href");.

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

【问题讨论】：

标签： jquery selector parent siblings

【解决方案1】：

如果您从 <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下找到一个完整的函数来像这样移动以及它们的描述。

【讨论】：

【解决方案2】：

使用 .prev() 代替 .parent() （.prev() 和 .next() 都指兄弟姐妹）

【讨论】：