jQueryは次の要素とそのすべての子要素を取得する

どのようにして次のdiv要素を取得し、次にそのすべての子要素を取得できますか?

<div class="1"></div>
<div class="2">
    <div class="child1"></div>
    <div class="child2"></div>
</div>
<div class="3">
    <div class="child1"></div>
</div>

したがって、 $(this)が現在クラス1である場合、どのようにしてクラス2とそのすべての子にしか到達できません。私はそれが何であるか分からないので、クラス名で参照することはできません。

私は基本的にこれらの2つのステートメントを1にマージしようとしています。

$(this).next('div').animate({height : 'toggle'});
$(this).next('div *').animate({height : 'toggle'});
6
追加された 著者 Blazemonger,

1 答え

$(this).next('div').children().andSelf().animate({height : 'toggle'});
12
追加された
短い答え:jQueryは、選択されたオブジェクトの内部スタックを維持します。 .next().children()などのメソッドはスタックにプッシュされます。 .end() がポップアップします。私は .andSelf()がスタック内で一段低く見えると推測します。
追加された 著者 Matt Ball,
どういたしまして。 .end()ドキュメントを読み、もう少し詳しく説明します。
追加された 著者 Matt Ball,
ああ、 .andSelf()ドキュメントでも説明しています: api.jquery.com/ andSelf
追加された 著者 Matt Ball,
おかげでマット、それは素晴らしい仕事。 this がどのように $(this)になって andSelf()で参照できるようになるか、/code>を元の this の兄弟として使用します。
追加された 著者 Tim Joyce,
それは最高です...もう一度おかげでマット
追加された 著者 Tim Joyce,