Was ist der beste Weg, um eine Tabellenzeile mit jQuery zu entfernen?

Question

Was ist die beste Methode, um mit jQuery eine Tabellenzeile zu entfernen?

Answer 1

Wenn Sie Bootstrap-Tabellen verwenden

fügen Sie diesen Code-Schnipsel zu Ihrem bootstrap_table.js hinzu

BootstrapTable.prototype.removeRow = function (params) {
    if (!params.hasOwnProperty('index')) {
        return;
    }

    var len = this.options.data.length;

    if ((params.index > len) || (params.index < 0)){
        return;
    }

    this.options.data.splice(params.index, 1);

    if (len === this.options.data.length) {
        return;
    }

    this.initSearch();
    this.initPagination();
    this.initBody(true);
};

Dann in Ihrem var allowedMethods = [

fügen Sie 'removeRow' hinzu

Zuletzt können Sie $("#your-table").bootstrapTable('removeRow',{index:1}); verwenden

Credits to this post

Answer 2

Die einfachste Methode, um Zeilen aus einer Tabelle zu entfernen:

1. Entfernen Sie eine Zeile aus der Tabelle anhand ihrer eindeutigen ID.
2. Entfernen Sie die Zeile basierend auf der Reihenfolge/Index dieser Zeile. z.B. entfernen Sie die dritte oder fünfte Zeile.

Zum Beispiel:

    Zeile1
    Zeile2
    Zeile3
    Zeile4
    Zeile5

//======ENTFERNEN DER TABELLENZEILE=========
//1. Entfernen einer bestimmten Zeile anhand ihrer ID
$('#tr1').remove();

//2. Entfernen einer bestimmten Zeile anhand ihrer Reihenfolge oder Index.
//Der Zeilenindex beginnt bei 0-n. Der Index von Zeile1 ist 0, der Index von Zeile2 ist 1 und so weiter.
$('#myTable').find('tr:eq(2)').remove();//Entfernen von Zeile3

Answer 3

Dies ist zweifellos der einfachste Weg:

$("#dein_tbody_tag").empty();