在JQuery中獲取下一個元素的屬性

我需要在懸停一系列鏈接時獲取下一個鏈接的href值。我有這個：在JQuery中獲取下一個元素的屬性

<div id="foo"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 
</div> 

$("#foo a").hover(function() { 
    var href = $(this).next().attr('href'); 
    console.log(href); 
});

看起來不錯，但我在我的控制檯中'undefined'。

我是新來的JQuery，但不是JS。有任何想法嗎？

TIA

來源

2011-08-20 user903277

你確定下一個元素是'了'標籤？ – mowwwalker

我來自YUI3，其中初始選擇器將返回一個節點列表。我想這是不同的。現在嘗試。 – user903277

@user：'$（「#foo a」）'返回一個帶'.length'屬性的對象，以及由數字索引引用的匹配元素。但在分配'.hover（）'處理程序後，該集合將被丟棄。在處理程序內部，「this」僅僅是對接收事件的單個元素的引用。可以緩存最初的選擇，例如在'foo_a'中，然後執行'var idx = foo_a.index（this）; var href = foo_a.eq（++ idx）.attr（'href'）;'，但大多數人喜歡遍歷DOM來到下一個元素。 – user113716

的next()^[docs]方法僅適用於直接的兄弟姐妹。

您沒有提供您的HTML，所以我就猜你需要遍歷了使用parent()^[docs]方法或closest()^[docs]方法或一些共同的祖先，用.next()遍歷到下一個相鄰的祖先，然後使用find()^[docs]方法獲取嵌套的<a>。

來源

2011-08-20 00:11:22 user113716

怎麼樣

$('#foo a').hover(function() { 
     var href = $(this).closest('li').next().find('a').attr('href'); 
    });

來源

2011-08-20 00:44:03

在JQuery中獲取下一個元素的屬性

回答

相關問題