javascript - 了解 jQuery 父、子和兄弟

Question

我正在努力弄清楚我想在我的网站上加入的当前显示和隐藏功能的去向。我有一个下拉菜单显示和隐藏功能，类似于目前在Hippodrome Mobile Casino实现的功能。这与我的 HTML 相同。当我单击下一个按钮时，我注意到我的 div 类我的 Jquery.regNext隐藏了所有三个.regGroupContentdiv。但是，我想添加和删除active class我当前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

<div class="vengeForm">
         <div class="regGroupContent">
             <div class ="fieldset">
                 <ul class="fieldset">
                     <li class="editor-next">
                         <a href="#" class="regNext"></a>
                     </li>
                 </ul>
             </div>
         </div>
     </div>

Answer 1

这一行有一点语法问题：

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

在children选择器中，您不需要 jQuery 对象，而只需要类名。此外，您的.parent()选择器只会向上一级，您需要到达元素树的顶部。尝试将其更改为：

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