JS-snippet: knoppen toevoegen lesrooster en AJAX triggeren

jQuery(document).ready(function($){

    var table = $('#tablepress-36');

    if (!table.length) return;

    table.find('tbody tr').each(function(index){

        var row = $(this);

        var row_index = index + 1; // eerste rij header = 0

        var button = $('<button/>', {

            text: 'Geef je op',

            class: 'lesrooster-registreer-btn',

            style: 'margin-left:10px;padding:5px 10px;background:#0073aa;color:#fff;border:none;border-radius:3px;cursor:pointer;'

        });

        var tdRegistreren = row.find('td').eq(1);

        tdRegistreren.empty().append(button);

        button.on('click', function(e){

            e.preventDefault();

            $.post(lesrooster_ajax.ajax_url, {

                action: 'registreer_lesrooster',

                nonce: lesrooster_ajax.nonce,

                row_index: row_index

            }, function(response){

                if(response.success){

                    var opgCol = row.find('td').eq(2);

                    opgCol.text(response.data); // vul kolom 3 met de juiste namen

                    alert('Je bent succesvol geregistreerd!');

                } else {

                    alert(response.data);

                }

            });

        });

    });

});