Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah baris
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.
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.
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.
Dalam fail test.html, tetapkan id teg jadual kepada testtd, yang digunakan terutamanya untuk mendapatkan objek jadual melalui id ini di bawah.
Dalam fail test.html, gunakan teg butang untuk mencipta butang dengan nama butang "Tambah baris tr".
Dalam fail test.html, ikat acara onclick pada butang butang Apabila butang diklik, fungsi addonetr() dilaksanakan.
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.
Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.
Pembelajaran yang disyorkan: "tutorial video jquery"
Atas ialah kandungan terperinci Bagaimana untuk menambah baris