jQuery：检索列表中的下一个链接哈希值

Question

我正在尝试检索下一个链接的哈希值

HTML

<ul id="links">
    <li><a href="index.php?#1"></a></li>
    <li><a href="index.php?#2"></a></li>
    <li><a href="index.php?#3"></a></li>
</ul>

JS

$('#links li a').click(function() {

    var current_link = $(this).attr("href").substring(1);
    var next_link = $(this).next().attr("href").substring(1);

});

current_link有效，但我似乎无法检索下面链接的值。我想我错过了一个索引（），但我不确定。

谢谢！

Answer 1

$('#links li a').click(function(e) {
    e.preventDefault()
    var current_link = this.hash.slice(1);
    var next_link = '';
    if ($(this).parent().next().length > 0)
       next_link = $(this).parent().next().find('a')[0].hash.slice(1);

    alert('this: ' + current_link + ' next: ' + next_link);
    //return false;

});​

crazy demo

Answer 2

您可以使用jQuery的.next()函数来获取下一个兄弟，例如，＃1的下一个兄弟将是＃2。

文档

http://api.jquery.com/next/

实施例

http://jsfiddle.net/U7G6h/

Answer 3

试试这个：

var next_link = $(this).parent().next().children('a').first().attr("href").substring(1);