Zeile hinzufügen (Klonen)

Heute werde ich eine einfache Möglichkeit vorstellen, das Klonen und Entfernen von tr dynamisch zu implementieren und wie man das letzte tr behält, ohne es zu entfernen.

*Anforderungen unten: *

1. Ein Selektor zum Anhängen von TR
2. Selektorklasse hinzufügen/entfernen

<table>



<h2>
  
  
  JS Code
</h2>



<pre class="brush:php;toolbar:false">$(document).ready(function() {
        $(document).on('click', '.addTr', function() {
            let $clone = $(this).closest('tr').clone();
            $clone.find('input').val('');

            $('.productServicesTbody').append($clone);
        });

        $(document).on('click', '.removeTr', function() {
            if ($('.productServicesTbody tr').length > 1) {
                $(this).closest('tr').remove();
            }
        });
    });

Hier ist .addTr ein Selektor zum Hinzufügen eines neuen TR-Buttons. Und .removeTr ist ein Selektor zum Hinzufügen neuer TR-Schaltflächen.

Bitte teilen Sie mir Ihre Fragen im Kommentarbereich mit.

HappyCoding #Js #jQuery

Das obige ist der detaillierte Inhalt vonZeile hinzufügen (Klonen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!