了解jQuery父母,孩子和兄弟姐妹

时间:2013-06-14 12:44:46

标签: javascript jquery

我正在努力弄清楚我要使用当前的节目和隐藏功能,我想在我的网站上加入。我有一个下拉菜单显示和隐藏功能,类似于Hippodrome Mobile Casino目前实现的功能。这与我的HTML完全相同。当我点击下一个按钮.regNext时,我正在注意我的Jquery,它隐藏了所有三个.regGroupContent div。但是,我想在我的网站上添加和删除我当前拥有active class的{​​{1}}。

display:none

Html

$('.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');
});

1 个答案:

答案 0 :(得分:4)

这一行有一点语法问题:

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

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

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