javascript - jQueryは3レベルの深さの最初の子を選択します

Question

私は次のHTML構造を持っています：

<div class="s1>
 <div class="s2">
  <span class="span1">
    <span>text</span>
  </span>
 </div>
</div>

現在、次のセレクターを使用して、最もネストされたスパンを選択しています。

$(".s1").find(">:first-child").find(">first:child").find(">:first-child")

その内側のスパンを選択するためのより効率的な方法はありますか？

編集：クラスs1のDivはすでにキャッシュされているため、$（ "selector"）を使用できません。

score 2 · Accepted Answer

2

span1クラスからアクセスできます。

$('.span1 span')

于 2012-10-02T15:55:56.957 に答える

score 1 · Accepted Answer

いくつかのオプションがあり、次のようなものが機能するはずです。

.s1 .s2 .span1 span:first-child

セレクターをどれだけ具体的にする必要があるかわかりません。

score 0 · Accepted Answer

効率について話している場合、最も速いのはスパンのIDを定義することです。

<span id="spanX">text</span>
$('#spanX')

このセレクターはクロスブラウザーのgetElementByIdに直接マップされるためです

何らかの理由でHTMLに触れることができない場合、最速の方法は次のとおりです。

$('.span1 span:first')

score 0 · Accepted Answer

クラスまたはIDを指定して、アクセスしてみてください

 <span id="sp1" class="sp1">text</span>

$('#sp1')  or $('.sp1')

// または

$('.span1 > span')

score -1 · Accepted Answer

$('div.s1 > div:first-child > span:first-child > span:first-child')

それ以上に具体的なものが必要ですか？

5 に答える 5