jQuery で指定エレメントの直配下にあるエレメントだけ、もっと効率よく選択したい

Question

指定された（IDなどで）エレメントの配下にある指定クラスを持つ子エレメントを選択しようとしています。
ただ、その指定クラスは孫エレメントにもあるので、孫の方は排除したい。
また子孫にも同様に指定クラスを持つエレメントがあります。

"aaa"が指定クラスです。

<div class="aaa">
  <div id="target">
    <div class ="aaa">
      <span>data0</span>
      <div class="aaa">
       <span>data1</span>
      </div>
    </div>
  </div>
</div>

今現在、次のような方法で目的通りに取得できています。

var elm = $("#target").find(".aaa").not("#target .aaa .aaa");

目的は達成できているのですが、もっと効率のよい方法があるのでは？
と思って質問いたしました。

Answer 1

var elm = $('#target > .aaa');

でいかがでしょうか。

Comments

[退会済みユーザー]

ありがとうございます。この書き方もありですね！

Answer 2

childrenメソッドを使ってみてはいかがでしょうか。

var elm = $('#target').children('.aaa');

Comments

[退会済みユーザー]

ありがとうございます。childrenがありましたね！