jQuery wybierz elementy na 1 "poziomie"

Question

Chcę wybrać tylko elementy na pierwszym "poziomie".

Ex:

<div id="BaseElement"> 
    <p>My paragraph 0</p> 
    <div> 
    <span>My Span 0</span> 
    <span>My Span 1</span> 
    </div> 
    <span>MySpan 2</span> 
    <span>MySpan 3</span> 
    <p>My paragraph 1</p> 
</div> 

Powiedzmy, że masz węzeł BaseElement.

var Element = $("div#BaseElement"); 

Jak mogę pobrać węzły tylko z węzła elementu podstawowego?

$("div#BaseElement span") 

powinno skutkować jedynie w uzyskaniu MySpan 2 i MySpan 3.

Answer 1

$("#BaseElement").children("span"); 

lub

$("#BaseElement > span"); 

Zobacz jQuery selectors i children().

Answer 2

w API jQuery, kiedy odnosi się do „potomków” oznacza wszystkie poziomy, a kiedy odnosi się do „dzieci” oznacza to tylko pierwszy poziom

to będzie Ci wszystkie dzieci pierwszego poziomu (w swojej Przykład pierwszy s, strefa 2 przęsła, i ostatni s)

$('#BaseElement > *') 

Answer 3

patrz także What is the difference direct descendent (>) vs. descendant in jQuery selectors? różnic między przestrzenią a > w przełączników. Z spacją równą find() i > jest równa potomkom(). Innymi słowy, następujące pary są równoważne,

$("#BaseElement").children("span"); 
$("#BaseElement > span"); 

Uzyskaj wszystkie dzieci plus ich potomków:

$("#BaseElement").find("span"); 
$("#BaseElement span");