jQuery:父母还是兄弟姐妹?以及如何'指导'兄弟姐妹的搜索?

时间:2010-10-19 10:29:11

标签: jquery selector parent siblings

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

<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一级UP和一级DOWN。

我可以获取current_page_item的网址&gt;一个很容易通过.attr(),即$('。current_page_item')。attr(“href”);.

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

但是如何告诉兄弟姐妹向上或向下移动列表?

基本上我想要$('。current_page_item&gt; ONE LI&gt; A UP')。attr(“href”);和$('。current_page_item&gt; ONE LI&gt; A DOWN')。attr(“href”);.

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

2 个答案:

答案 0 :(得分: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下找到一个完整的功能,以及它们的描述。

答案 1 :(得分:0)

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