クリックされたスパンから jQuery 関数に「this」を渡して、クリックされた要素の最初の子に対して jQuery を実行できるようにしようとしています。うまくいかないようです...
<p onclick="toggleSection($(this));"><span class="redClass"></span></p>
ジャバスクリプト:
function toggleSection(element) {
element.toggleClass("redClass");
}
要素の :first-child を参照するにはどうすればよいですか?
ベストアンサー1
既存のjQueryセットによって提供されるコンテキストにセレクターを適用したい場合は、find() 関数:
element.find(">:first-child").toggleClass("redClass");
Jørn Schou-Rodeは、おそらくコンテキスト要素の最初の直接の子孫だけを見つけたいだろうと指摘した。子セレクター(>)。彼はまた、同じようにchildren() 関数これは find() と非常に似ていますが、階層の 1 レベルだけを検索します (必要なのはこれだけです...)。
element.children(":first").toggleClass("redClass");