JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<table style="width: 100%;" id="forJobsAdd" class="forJobsAdd ui small celled sortable table">
            <thead>
                <tr>
                    <td>kategorija</td>
                    <td>darbība</td>
                   
                    <td>informācija</td>
                    <td align="center">pievienot</td>
                </tr>
            </thead>
            <tbody><tr>
                <td>Piekļuves kontroles sistēmas darbi	
																				
                </td>
                <td>
                    <input type="hidden" name="operationId[]" value="154">
                    Sistēmas programmas pārbaude
                </td>
 

                <td>
                    
                </td>
                <td align="center">
                    <a href="#/" class="move-row tiny ui green button">+</a>
                </td></tr><tr>
                <td>Piekļuves kontroles sistēmas darbi	
																				
                </td>
                <td>
                    <input type="hidden" name="operationId[]" value="155">
                    Durvju un turniketu slēgšanas mehānismu pārbaude un regulēšana
                </td>
 

                <td>
                    
                </td>
                <td align="center">
                    <a href="#/" class="move-row tiny ui green button">+</a>
                </td></tr><tr>
                <td>Piekļuves kontroles sistēmas darbi	
																				
                </td>
                <td>
                    <input type="hidden" name="operationId[]" value="156">
                    Kartiņu nolasītāju pārbaude
                </td>
 

                <td>
                    
                </td>
                <td align="center">
                    <a href="#/" class="move-row tiny ui green button">+</a>
                </td></tr><tr>
                <td>Piekļuves kontroles sistēmas darbi	
																				
                </td>
                <td>
                  ...

JavaScript

$(document).ready(function() {
    $("#forJobsAdd .move-row").on("click", function() {
        var tr = $(this).closest("tr").remove().clone();
        tr.find(".move-row").text("X");
        $("#incidentJobsList tbody").append(tr);
    });
});