如何通过元素onclick?

时间:2019-04-03 13:50:26

标签: javascript jquery html

实际上,我正在尝试传递一个td元素,我必须对它进行td单击或更好的操作,我有一个函数可以使用以下代码

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

当用户单击td时,它将打开一个模式,然后在该模式中有一个按钮调用另一个函数,该函数将从该td中删除某些元素。

问题是“ [object HTMLTableRowElement]”作为tr元素传递,因此我无法对其进行任何操作。

如果有用,请使用Elimina函数

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

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

以下是td的html代码(我无法发布所有html,因为它具有96个类似的td)

<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>

1 个答案:

答案 0 :(得分:1)

我只是要给您一个指示,以尝试使您处于正确的状态。

您可以执行以下操作:

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

它将基本在每次点击后添加一行td

现在,您可以尝试修改自己的代码,如果未成功,请返回

祝你好运;)