jquery alih keluar baris jadual

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!