Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memadam elemen nod pertama dalam jquery

Bagaimana untuk memadam elemen nod pertama dalam jquery

WBOY
WBOYasal
2021-11-30 11:58:033220semak imbas

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();".

Bagaimana untuk memadam elemen nod pertama dalam jquery

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.

Bagaimana untuk memadam elemen nod pertama dalam jquery

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().

Bagaimana untuk memadam elemen nod pertama dalam jquery

Buka fail test.html dalam penyemak imbas untuk melihat kesannya.

Bagaimana untuk memadam elemen nod pertama dalam jquery

Selepas mengklik butang:

Bagaimana untuk memadam elemen nod pertama dalam jquery

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn