Ajouter une ligne (cloner)

Aujourd'hui, je vais partager un moyen simple d'implémenter le clonage et la suppression de tr de manière dynamique et comment conserver le dernier tr sans le supprimer.

*Exigences ci-dessous : *

1. Un sélecteur pour ajouter TR
2. ajouter/supprimer une classe de sélecteur

<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();
            }
        });
    });

Ici, .addTr est un nouveau sélecteur de bouton tr. Et .removeTr est un nouveau sélecteur de bouton tr.

S'il vous plaît, faites-moi part de vos questions dans la section commentaires.

HappyCoding #Js #jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!