jQuery toggleClass example

Toggle class name on click in jQuery

by moshfeu

HTML

<table class="table table-bordered">
                    <thead>
                        <tr class="text-center">
                            <th>name</th>
                            <th>amount</th>
                            <th>Second name</th>
                            <th>Second amount</th>
                            <th style="text-align:center"><a href="#" class="btn btn-info addRow">+</th>
                        </tr>
                    </thead>
                    <tbody class="text-center">
                       
                    </tbody>
                </table>
                
                <button>
                save
                </button>

JavaScript

var i = 0;  
        $('.addRow').on('click', function(){
            addRow();
/*             $('.select2').select2({
                theme: 'bootstrap4',
                ajax: {
                    url: '{{ route("getMember") }}',
                    dataType: 'json',
                },
            }); */
        });
function addRow()
        {
            i++;
            var tr  = '<tr id="row_'+i+'"><td>';
            tr  += '<select class="form-control select2" id="name1_'+i+' first" name="name[]">';
            tr  += '<option>tan</option><option>lim</option></select></td>';
            tr  += '<td><input type="number" name="winlose[]" id="amt1_'+i+'" class="form-control"></td>';   
           /*  tr  += '<td><select class="form-control select2" id="name2_'+i+'" name="name2[]">';
            tr  += '<option>tan</option><option>lim</option></select></td>';    
            tr  += '<td><input type="number" name="winlose[]" id="amt2_'+i+'" class="form-control"></td>'; */
            tr  += '<td style="text-align:center"><a href="#" class="btn btn-danger remove">-</a>';
            tr  += '</td></tr>';    
   
            $('tbody').append(tr);

        }

        $('tbody').on('click', '.remove', function(){
            $(this).parent().parent().remove();
        });
        
        $('button').on('click', () => {
          const result = $('tbody tr').get().reduce((prev, ne) => {
            const $this = $(ne);
            const type = $this.find('select').val();
            prev[type] += parseInt($this.find('input').val())
            return prev;
          }, {
            lim: 0,
            tan: 0
          });
          
          console.log(result)
        })