Entfernen einer Tabellenzeile in JQuery

Problem habe ich entfernen von Zeilen aus einer Tabelle in Abhängigkeit der checkbox. Unten ist der Screenshot für das, was ich Tue. Es ist ein Tisch für air flight details.

Die maximale Zeile Hinzugefügt werden können, ist 15 Zeilen. Was ich tun möchte, ist zu geben, den Zugang des Nutzers zu löschen, die bestimmten Flug oder löschen Sie einfach alle, indem Sie alle Kontrollkästchen, und drücken Sie " Zeile Löschen.

Folgenden ist die jquery verwenden, um dies zu umgehen:

$("input[id$='_del_flight']").click(function() {

    var n = $("#" + this.id.slice(0,1) + "_airline_table tr").length;

    $("#" + this.id.slice(0,1) + "_airline_table tr").each(function(){

        if ( $("input[type=checkbox]",this).is(':checked') ) {
            if ( n > 2 ) {
                $(this).remove();
                n--;
                //alert("Value n-- is: " + n);
            } else {
                $(this).find("input").val('');
                $(this).find("input[type=checkbox]").removeAttr("checked");
                $(this).find('option:first').attr('selected', 'selected').parent('select');
            }
         }
    });
});

Diese jquery tut, was ich sehr gut. Der Benutzer kann wählen Sie einen beliebigen bestimmten Flug details, und löschen Sie Sie, oder der Benutzer kann löschen Sie alle.

Jedoch, wenn der Benutzer entscheidet, Sie zu löschen, alle, die jquery ich habe, wird die Zeile löschen start von Zeile Nummer 2 (wo gezeigt wird das Bild oben ist von Flight 1). Ich brauche zu kommen mit einem anderen Weg, wo MUSS die Zeile gelöscht werden aus der letzten Reihe, der Flug ist 15, dann Flight 14 Flight 13 und so weiter. Ich werde die Zeile Nummer 2 (verwendet von Flight 1), indem Sie alle Eingänge den Wert leer für diese Zeile.

Ich habe versucht jquery :gt-Selektoren, es funktioniert nicht wie das, was ich will. Also, wenn jemand da draußen kann mir helfen, löschen Sie die Zeile von der letzten Zeile (für alle löschen) und halten Sie die Funktion, wo der Benutzer löschen kann bestimmten Flug, basierend auf der Auswahl des Benutzers, ich würde es wirklich schätzen.

Danke Ihnen so sehr für Ihre Hilfe.

InformationsquelleAutor Arief | 2011-01-20

jquery jquery-selectors

0

probieren Sie etwas wie dieses:
```
$(":checked").each(function() {
    $(this).parent().remove()
});
```
Müssen Sie möglicherweise ein paar parent().parent() hängt davon ab, wie dein html aussieht.
- Ich habe versucht, diese als gut. Dies ist nicht so zu arbeiten, wie ich es will. Ich bin immer noch denken einige besser andere Weise. Ich hoffe, jemand hat auch jeder gedacht, um mir zu helfen.
- Haben Sie versucht, eine $(this).parent().parent().remove (), wie gut?
- Sorry für die Verzögerung reagieren Ihre Antwort. Ich bin gerade zurück von Brisbane, wie ich gehen müssen, um Unternehmen, Branchen, sind betroffen von den überschwemmungen in Australien. Glaubst du nicht, wenn ich parent().parent().remove() wird die Tabelle? Sowieso, ich werde versuchen in Kürze, wenn ich Zeit habe, fangen diese auf.
- hängt davon ab, wie dein html aussieht... ist dein input-tag verschachtelt? Sie könnten versuchen immer $(this).parents('tr').entfernen()
InformationsquelleAutor ajma
0

Sorry, ich habe Probleme beim arbeiten, um mit Ihrem code, also ich bin gerade dabei, es zu bauen anders. Ich werde versuchen, es zu kommentieren passend so, dass es immer noch Sinn macht.
```
$("input[id$='_del_flight']").click(function() {
    //Get the table with the right ID
    var table = $('#' + this.id.slice(0,1) + '_airline_table');

    //Get all CHECKED checkboxes within the table
    table.find('input[type=checkbox]:checked').each(function () {

        //Get the row the checkbox belongs to
        var row = $(this).closest('tr');

        //Is this the first row?
        if (row.index() === 0) {
            //Your resetting code
            row.find("input").val('');
            row.find("input[type=checkbox]").removeAttr("checked");
            row.find('option:first').attr('selected', true);
        } else {
            //Remove the row
            row.remove();
        }

    });
});
```
- Dein code funktioniert OK, wenn die Benutzer wählen Sie alle Kontrollkästchen, und löschen Sie Sie. Wir haben problem hier, wenn die Benutzer wählen Sie eine bestimmte Zeile gelöscht werden, und die erste Zeile (index 0) ist auch ausgewählt. Mit Ihrem code, der ersten Zeile (index 0) mit dem Wert wird nur geleert, nicht gelöscht. Das ist also der Grund, warum ich brauchen, um das löschen der Zeile aus Zeile 15 (index 14). Ich denke, das löschen der Zeile aus der letzten Zeile wird die Arbeit machen. Allerdings hab ich noch keine Idee, dies zu tun, da ich auch versuchen, tr:last, es nicht zu tun, was ich will.
- Ah ich sehe jetzt 🙂 ich denke immer noch, es gibt einige besseren Weg zu tun, zum Beispiel einfach zu halten Ihre aktuelle Bestellung aber kopieren der Daten von der ersten zu den letzten. Aber wenn eine Umkehrung der Reihenfolge der iteration besser für Sie arbeitet, können Sie dies tun: $($(selector).get().reverse()).each(...).
- Sorry für die Verzögerung reagieren Ihre Antwort. Ich bin gerade zurück von Brisbane, wie ich gehen müssen, um Unternehmen, Branchen, sind betroffen von den überschwemmungen in Australien. Ich werde versuchen, dies in Kürze.
- ah keine Sorge, fellow Aussie 😉
InformationsquelleAutor David Tang
0

Ich habe die Lösung gefunden für diesen. Die Lösung ist eigentlich nicht die Beantwortung meiner Frage. Die Lösung ist eine Arbeit um für dieses.

Der Grund, warum ich fragte, wie Sie in der Tabelle löschen Zeilen aus der letzten Zeile zu halten, ist die id die im Einklang von Zahl 1 und so weiter.

Da, es ist nur eine ID eindeutig identifiziert das Feld, so kann der Wert gehen, um die Datenbank, ich nutze einfach jede Zahl, solange Sie eindeutig sind. Ich schrieb das jQuery-Skript zu finden, das vorhandene Zeile in der Tabelle und ersetzen alles, was nicht Zahl aus einer der Eingang, der verbunden ist, um diese Zeile in der Tabelle.

Dann, werde ich prüfen, ob die Nummer existiert oder nicht, aus der anderen Tabelle. Zeile. Wenn es vorhanden ist, ich nur hinzufügen das diese Nummer. Ich verwenden .jedes (), um dies zu tun, und Stoppt, sobald es nicht finden können vorhandene Anzahl. Diese Nummer wird dann verwendet, um eindeutig identifiziert das Feld.

InformationsquelleAutor Arief

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.