javascript - 如何传递元素onclick?

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

最佳答案

我只是给你一个指示,试图让你走上正确的道路。

你可以做一些看起来像这样的事情:

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

它基本上会在每次点击时添加一行 td

现在可以尝试修改自己的代码,不成功再回来

祝你好运;)

关于javascript - 如何传递元素onclick?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55496796/

相关文章:

jquery - 如果默认关闭,jQuery ui 选项卡中的内容是否会被编入索引?

html - 以编程方式在网站上输入字符串

javascript - 从 js 添加媒体查询

javascript - Highcharts - 线系列中的自定义数据标签,在窗口调整大小时消失

javascript - 如何使用 jQuery 选择模态对话框

jQuery:绑定(bind)生成的元素

jquery - 如何使 CSS 图像 slider 自动在幻灯片中移动

javascript - 将 <span> 绝对定位在 &lt;textarea&gt; 的底部

javascript - 从外部链接调用 JavaScript

javascript - Django 模板变量在脚本标签中无法识别,但在常规 h1 标签中可识别。是什么原因造成的?