jquery - jQueryのスペースと>セレクターの違いは何ですか？

Question

スペースセレクターと>セレクターの違いは何ですか？そしておそらく関連して、どうすれば他の何かの直接の子であり、子孫の線を下げないものを探すことができますか？

Answer 1

にとって：

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Item 2.1</li>
      <li>Item 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

例えば

$("ul > li").addClass("blah");

クラス「blah」を12と3に追加しますが、次のようになります。

$("ul li").addClass("blah");

すべてのリスト要素にクラス「blah」を追加します。

<と？で何を指しているのかわかりません 演算子。

Answer 2

CSSでは、>「の直接の子」を意味します。直接の子であるノードのみが選択されます。

スペースは「の子孫」を意味しますが、直接の子とそれらの子の子を選択できます。

jQueryが同じ規則を使用することに賭けます。

Answer 3

すでに述べたように、スペースは任意の子孫を選択し>ますが、直接の子のみを選択します。孫またはひ孫のみを選択する場合は、次のように使用できます。

#foo > * > * > .bar

(ID「foo」の要素のひ孫であるクラス「bar」のすべての要素)

Answer 4

これを見て..

$(".testit > a") //match the first <a> tag below
$(".testit a") // matches all <a> tag below

<p class="testit">
  <a href="#">All the rules will match this</a>
  <span>
    <a href="#">second rule can only select this</a>
  </span>
</p>