pemilih hierarki jQuery

Pemilih Tahap

$(s1 s2) [ Bapa dan Anak]

Pemilih terbitan: dapatkan semua nod s2 di dalam s1 (tanpa mengira tahap)

$("div span")

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

$(s1 > s2) [ibu bapa-anak]

Pemilih elemen anak langsung: dalam s1 Secara dalaman dapatkan nod elemen anak s2

$("div > span")

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

$(s1 + s2) [saudara]

Pemilih adik beradik langsung: Dapatkan nod s2 perhubungan adik beradik pertama sejurus selepas s1. Tidak boleh ada sebarang teg lain antara s1 dan s2, jika tidak, Tidak berfungsi

$("div + span")

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

$(s1 ~ s2 ) [Saudara]

Seterusnya semua pemilih nod perhubungan adik-beradik: Dapatkan semua nod s2 perhubungan adik-beradik di belakang s1

$("div ~ span" )

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

Nota: Sila ulas tiga lagi daripada empat pemilih. Uji satu persatu