Rumah > Artikel > hujung hadapan web > Bagaimana untuk memadam elemen nod pertama dalam jquery
Dalam jquery, anda boleh menggunakan kaedah eq() dan remove() untuk memadamkan elemen nod pertama Kaedah eq() digunakan untuk memilih elemen nod pertama, dan kaedah remove() digunakan untuk memadamkan Nod yang dipilih, sintaksnya ialah "$(selector).eq(0).remove();".
Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.
Cara memadamkan nod pertama elemen dalam jquery
Dalam jquery, gunakan eq(0) untuk mendapatkan nod pertama, dan gunakan kaedah remove( ) untuk melaksanakan pemadaman.
Contohnya adalah seperti berikut:
1 Cipta fail html baharu, bernama test.html, untuk menerangkan cara memadam elemen anak pertama dalam jquery. Cipta modul menggunakan div, dan dalam div, gunakan tag p untuk mencipta empat baris teks. Tetapkan id tag div kepada testdiv, yang digunakan terutamanya untuk mendapatkan objek div melalui id di bawah.
Gunakan teg butang untuk mencipta butang dengan nama "Padam elemen anak pertama". Ikat acara klik onclick pada butang butang Apabila butang diklik, fungsi myfun() dilaksanakan.
2 Dalam teg js, cipta fungsi myfun() dalam fungsi, dapatkan objek div melalui id(testdiv) dan dapatkan semua elemen anak melalui kanak-kanak () kaedah , gunakan eq(0) untuk mendapatkan elemen anak pertama, dan padamkannya melalui kaedah remove().
Buka fail test.html dalam penyemak imbas untuk melihat kesannya.
Selepas mengklik butang:
Ringkasan:
1 fail .
2. Dalam fail, gunakan div untuk mencipta modul dan dalam div, gunakan tag p untuk mencipta empat baris teks. Pada masa yang sama, butang butang dicipta untuk mencetuskan pelaksanaan fungsi js.
3 Dalam teg js, cipta fungsi dalam fungsi, dapatkan objek div, dapatkan semua elemen anak melalui kaedah kanak-kanak (), gunakan eq(0) untuk mendapatkan elemen anak pertama dan. dapatkan elemen anak pertama melalui kaedah remove( ) untuk melaksanakan pemadaman.
Nota:
eq(0) mewakili sub-elemen pertama, eq(1) mewakili sub-elemen kedua, dan seterusnya.
Tutorial video berkaitan yang disyorkan: Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk memadam elemen nod pertama dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!