sélecteur hiérarchique jQuery

Sélecteur de niveau

$(s1 s2) [ Père et Fils]

Sélecteur dérivé : obtenez tous les nœuds s2 à l'intérieur de s1 (quel que soit le niveau)

$("div span")

<div>
    <span></span>
    <p>
        <span></span>
    </p>
</div>
<span></span>

$(s1 > s2) [parent-enfant]

Sélecteur d'élément enfant direct : dans s1 En interne obtenir le nœud d'élément enfant de s2

$("div > span")

    <div>
        <span></span>
        <p>
            <span></span>
        </p>
        <span></span>
    </div>
<span></span>

$(s1 + s2) [brother]

Sélecteur direct de frères et sœurs : obtenez le nœud s2 de la première relation fraternelle immédiatement après s1. Il ne peut y avoir d'autres balises entre s1 et s2, sinon cela ne fonctionne pas

<div>
    <span></span>
    <p>
        <span></span>
    </p>
    <span></span>
</div>
<span></span>
<span></span>
<div></div>
<span></span>

$(s1 ~ s2 ) [Frères]

<div>
    <span></span>
    <p>
        <span></span>
    </p>
    <span></span>
</div>
<span></span>
<span></span>
<p></p>
<span></span>

Remarque : veuillez commenter les trois autres des quatre sélecteurs. Testez un par un