[解決済み】jQuery "this "の最初の子。

質問

クリックしたスパンからjQuery関数に"this"を渡して、クリックした要素の最初の子に対してjQueryを実行できるようにしようとしているのですが、どうすればいいですか？うまくいきません...

<p onclick="toggleSection($(this));"><span class="redClass"></span></p>

ジャバスクリプトです。

function toggleSection(element) {
  element.toggleClass("redClass");
}

要素の :first-child を参照するにはどうしたらよいですか？

どのように解決するのですか？

既存のjQueryセットで提供されるコンテキストにセレクタを適用したい場合、以下の方法を試してみてください。 find()関数 :

element.find(">:first-child").toggleClass("redClass");

Jørn Schou-Rodeは、おそらく最初の 直系卑属 コンテキスト要素の 子セレクタ (>)となります。 また、彼は次のように指摘しています。 を使うのと同じように children() 関数 これは find() と非常によく似ていますが、 階層の一階層分しか検索しません (必要なのはこれだけです...)。

element.children(":first").toggleClass("redClass");