如何传递元素onclick？

Question

Actually i'm trying to pass a td element with which i have to do some operations on a td click or better i have a function where i use the following code

 var tr = document.getElementById($('#tavolo').val());
  $(`td:eq(${inizio})`, tr).css('background-color', 'red') .attr("onclick","Elimina('" + tr + "');");

when the user will click a td it will open a modal and then in that modal there is a button that call another function which will delete some elements from that td.

The issue is that "[object HTMLTableRowElement]" is passed as tr element so i'm unable to make any operation on it.

If it's usefull here is the function Elimina

function Elimina(tr) {
    $('#del').attr("onclick", "eliminaPrenotazione('" + tr + "');");
}

While here is the function eliminaPrenotazione

function eliminaPrenotazione(tr) {
var start = 1;

        for (i = 0; i <= 8; i++) {
            $(`td:eq(${start})`, tr).css('background-color', 'white').removeAttr("class").find('span').remove();
        }
    }

Here is html code of what td looks like ( i can't post all html as it has 96 similar td's)

<td style="padding: 0px; position: relative; background-color: red;" class="48:15" data-inizio="12:00" data-fine="16:00" onclick="Elimina('48:15','Ihor','12:00','16:00','[object HTMLTableRowElement]');"><span class="tag" style="width: 160px; overflow: hidden;" onmouseover="highlight(this);" onmouseout="unhighlight(this)">Ihor</span></td>

Answer 1

I'm just going to give you an indication to try to put you on the right way.

You can to do something looks like that :

$("#yourBtnID").click(function(elem){
   $("#yourDivID").append("<td>" + elem + "</td>");
});

it will add a line td to the each click basically

Now you can try to modify your own code and come back if you don't succeed

Good luck ;)