Javascript 了解jQuery父级、子级和兄弟级

我正在努力弄清楚我目前的显示和隐藏功能，我试图在我的网站上合并到哪里去。我有一个下拉菜单显示和隐藏功能，类似于当前在中实现的功能。这与我的HTML相同。当我单击next按钮

.regNext

时，我用Jquery注意到我的div类，它隐藏了所有三个

.regGroupContent

div。但是，我想添加和删除当前在我的站点上显示为display:none的

活动类

$('.regGroupContent').removeClass('active');
$('.regGroupContent').eq(0).addClass('active');

$('.regNext').click(function () {
    var $this = $(this);
    $('.regGroupContent').hide().removeClass('active');
    $this.parent().children($('.regGroupContent')).show().addClass('active');
});

Html

这一行有点语法问题：

$this.parent().children($('.regGroupContent')).show().addClass('active');

在

children

选择器中，您不需要jQuery对象，只需要类名。另外，您的

.parent（）

选择器只向上一级，您需要到达元素树的顶部。尝试将其更改为：

$this.parents('.vengeForm').children('.regGroupContent').show().addClass('active');

---

你能发布你的标记和/或创建一个显示问题的页面吗？我不是为了回答一个问题而去一些随机（对我来说）链接的网站调查HTML标记等。

Var$this

？-Javascript区分大小写。@Markschultheis它不是cap V dude！感谢您的编辑，我怀疑这可能是粘贴错误。此外，

.sides（'.regGroupContent'）

相当于

.parent（）.children（'.regGroupsContent'）

您必须在此处发布HTML，以便我们可以深入查看它。给我10分钟，我将发布HTMLup@tymeJVhtml已经被更新posted@tymeJVgrrrr！即使这样也不行。单击.regNext后，它将隐藏所有子项，而不是逐个显示。

$this.parents('.vengeForm').children('.regGroupContent').show().addClass('active');