-1

自分のサイトに取り入れようとしている現在の表示機能と非表示機能を使用してどこに行くのかを理解するのに苦労しています。Hippodrome Mobile Casinoで現在実装されているものと同様のドロップダウン メニューの表示および非表示機能があります。これは私のHTMLと同じです。私のdivクラスは、次のボタンをクリックするとJqueryで.regNext3つのdivすべてが非表示になっていることに気づきました.regGroupContent。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>
4

1 に答える 1

4

この行には、少し構文上の問題があります。

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

セレクターではchildren、クラス名だけでなく、jQuery オブジェクトは必要ありません。また、.parent()セレクターは 1 レベルしか上がらないため、要素ツリーの一番上に到達する必要があります。次のように変更してみてください。

$this.parents('.vengeForm').children('.regGroupContent').show().addClass('active');
于 2013-06-14T12:48:05.460 に答える