Jquery next（）不获取下一个元素

我有以下代码：

<h1><a href="#" class="link">Click here</a></h1>
<div class="acitem"></div>
<div class="acitem2"></div>

<script>
    $(document).ready(function() {
        $('a.link').click(function() {
            var element = $(this).next();

            alert(element.attr('class'));
        });

    });
</script>

但这仍然返回“未定义”

对于next（）函数在JQuery中如何工作，我有点困惑。有人知道为什么只有当我从链接中删除H1标签时，下一个函数才能正常工作吗？我做错什么了吗

谢谢

next（）

适用于兄弟姐妹，在您的结构中，

nextUntil（）


关于您的查询，您可以在调用
next（）
之前调用
.parent（）
，以确保获得其父级的兄弟姐妹（即他的叔叔）


$（文档）.ready（函数（）{
$（'a.link'）。单击（函数（）{
var元素=$（this.parent（）.next（）；
警报（element.attr（'class'））；
});
});
@andreas在
.next
和
.nextUntil
方面是正确的。他与
.parent
的解决方案也很好

您可以做的另一件事是使用下一个相邻的选择器（）


$(this).nextUntil('.acitem')

<script>
    $(document).ready(function() {
        $('a.link').click(function() {
            var element = $(this).parent().next();

            alert(element.attr('class'));
        });

    });
</script>

var element = $('h1 + div');