jQuery Select-Elemente auf 1. “Ebene”

Ich möchte nur die Elemente auf der ersten “Ebene” auswählen.

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>

Nehmen wir an, Sie haben den BaseElement-Knoten.

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

Wie rufe ich Knoten nur vom Basiselementknoten ab?

$("div#BaseElement span")

sollte nur dazu führen, MySpan 2 und MySpan 3 zu erhalten.

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

oder

$("#BaseElement > span");

Sehen jQuery-Selektoren und children().

Wenn es sich in der jQuery-API auf „Nachkommen“ bezieht, bedeutet es alle Ebenen, und wenn es sich auf „Kinder“ bezieht, bedeutet es nur die erste Ebene

Dadurch erhalten Sie alle untergeordneten Elemente der ersten Ebene (in Ihrem Beispiel das erste p, div, 2 spans und das letzte p).

$('#BaseElement > *')

Siehe auch Was ist der Unterschied zwischen direktem Nachkommen (>) und Nachkommen in jQuery-Selektoren? für Unterschiede zwischen Raum und > in Selektoren. Mit Leerzeichen gleich find() und > gleich Kindern(). Mit anderen Worten, die folgenden Paare sind äquivalent,

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

Holen Sie sich alle Kinder plus ihre Nachkommen:

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