Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >jquery alih keluar baris jadual

jquery alih keluar baris jadual

WBOY
WBOYasal
2023-05-24 20:37:071667semak imbas

Dalam proses pembangunan web, jadual ialah komponen yang kerap digunakan, tetapi kami mungkin perlu memadamkan baris data tertentu dalam jadual. Untuk mencapai tujuan ini, kita boleh menggunakan jQuery.

1. Pilih baris yang ingin anda padamkan

Mula-mula, kami perlu memilih baris yang ingin anda padamkan. Kita boleh memilih baris dalam jadual melalui pemilih CSS. Di sini, kami menganggap bahawa kami ingin memadamkan baris kedua data dalam jadual dan pemilih CSS ialah "tr:eq(1)".

var rowToBeDeleted = $('table tr:eq(1)');

2. Padamkan baris yang dipilih

Kita boleh menggunakan fungsi remove() jQuery untuk memadamkan baris yang dipilih.

rowToBeDeleted.remove();

3. Kod lengkap

Berikut ialah contoh kod jQuery yang lengkap, termasuk memilih dan memadamkan baris tertentu dalam jadual.

$(document).ready(function () {
    $('#delete').click(function () {
        var rowToBeDeleted = $('table tr:eq(1)');
        rowToBeDeleted.remove();
    });
});

Dalam kod di atas, kami menggunakan fungsi $(document).ready() jQuery, iaitu fungsi yang dilaksanakan selepas halaman dimuatkan. Kami akan melakukan operasi padam apabila butang "padam" diklik. Di sini kita pilih baris kedua dalam jadual dan padamkannya.

4. Ringkasan

Dalam artikel ini, kami memadamkan baris dalam jadual dengan menggunakan fungsi remove() jQuery. Fungsi ini boleh digunakan dalam banyak senario praktikal dalam pembangunan web, seperti melaksanakan fungsi pemadaman dan penyuntingan dalam jadual data.

Atas ialah kandungan terperinci jquery alih keluar baris jadual. 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
Artikel sebelumnya:jquery menetapkan gambar lalaiArtikel seterusnya:jquery menetapkan gambar lalai