Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menambah baris dalam jquery

Bagaimana untuk menambah baris dalam jquery

藏色散人
藏色散人asal
2021-11-17 11:51:253746semak imbas

Cara menambah baris

dalam jquery: 1. Buat fail html baharu 2. Buat jadual menggunakan teg jadual; jadual melalui "id(testtb)" Objek; 5. Gunakan kaedah append() untuk menambah baris pada jadual.

Bagaimana untuk menambah baris <tr> dalam jquery

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Bagaimanakah jquery menambah baris?

jquery secara dinamik menambah baris tr pada jadual yang ditentukan:

Buat fail html baru dan namakannya sebagai html, digunakan untuk menerangkan jquery secara dinamik menambah baris tr ke jadual yang ditentukan.

Bagaimana untuk menambah baris <tr> dalam jquery

Dalam fail test.html, gunakan teg jadual, teg tr dan teg td untuk mencipta jadual dengan dua baris dan dua lajur Seterusnya, kami akan menambah secara dinamik satu baris ke meja.

Bagaimana untuk menambah baris <tr> dalam jquery

Dalam fail test.html, tetapkan id teg jadual kepada testtd, yang digunakan terutamanya untuk mendapatkan objek jadual melalui id ini di bawah.

Bagaimana untuk menambah baris <tr> dalam jquery

Dalam fail test.html, gunakan teg butang untuk mencipta butang dengan nama butang "Tambah baris tr".

Bagaimana untuk menambah baris <tr> dalam jquery

Dalam fail test.html, ikat acara onclick pada butang butang Apabila butang diklik, fungsi addonetr() dilaksanakan.

Bagaimana untuk menambah baris <tr> dalam jquery

Dalam teg js, cipta fungsi addonetr() dan dalam fungsi tersebut, tentukan html pembolehubah untuk menyimpan baris jadual yang perlu ditambah. Dapatkan objek jadual melalui id (testtb), dan gunakan kaedah append() untuk menambah baris pada jadual.

Bagaimana untuk menambah baris <tr> dalam jquery

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.

Bagaimana untuk menambah baris <tr> dalam jquery

Pembelajaran yang disyorkan: "tutorial video jquery"

Atas ialah kandungan terperinci Bagaimana untuk menambah baris 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