jquery - jQueryで複数の要素の奥深くにある要素をどのようにターゲットにしますか?

Question

次の html がある場合:

<div class="example">
 <div>
   <div>
     <div>
      <span></span>
     </div>
   </div>
  </div>
</div>

「.example」内の特定のスパンをどのようにターゲットにできますか? 書かなくても

$('.example div div div span')

みんなありがとう。

Answer 1

以前の両方の回答は完全に有効であり、質問に答えていますが、可能であれば、代わりに見つけたいネストされた要素にクラスを追加することをお勧めします。これに対する直接的なパフォーマンスの改善はありません。セマンティクスと明確さだけです。例えば、

$('.example span')

今のところうまくいくかもしれませんが、後で他のスパンを追加すると壊れます。ただし、必要なスパンに .my_nested_span を追加してから実行すると、

$('.my_nested_span')

代わりに、将来はいつでも元気でいなければなりません。

Answer 2

スパンに id を与えることができます:

<span id="myspan"></span>

そして、それは単純です：

$('#myspan')