如何取回这些表格单元格的值？

问题描述

我为 CRUD 提供了这个函数来接收一些数据并将其记入 html：

async function loaded() {
  let data = await getRequest('http://localhost/ALMACEN/Backend/get.PHP');

  document.getElementById("imagen").innerHTML =
    '<img src="Front-End/imagenes/' + data.data[0].prod_img + '" width="50%"; height= "auto";>';

  for (var i = 0; i < data.data.length; i++) {
    var table = document.getElementById("employeeList").getElementsByTagName('tbody')[0];
    var newRow = table.insertRow(table.length);
    cell1 = newRow.insertCell(0);
    cell1.innerHTML = data.data[i].prod_nombre;
    cell2 = newRow.insertCell(1);
    cell2.innerHTML = data.data[i].prod_precio;
    cell3 = newRow.insertCell(2);
    cell3.innerHTML = data.data[i].prod_cantidad;
    cell4 = newRow.insertCell(3);
    cell4.innerHTML = `<a href="#" class="opis" style="background-color: #3ebd49;">&#129089</a>
                       <a href="#" class="opis" style="background-color: #f57c0a;">&#129087</a>
                       <a href="#" onclick="eliminar(this)" class="opis" style="background-color: #A50202;">Borrar</a>`;
  }

}

我想取回值以使“删除”按钮起作用，我该怎么办？

解决方法

将关键字段添加到按钮上的数据属性以便于访问：

<a href="#" class="delete-button" data-id="12">Borrar</a>`;

然后在 JS 中：

$(".delete-button").on("click",function() {
    var id = $(this).data("id");
});

如果您动态生成元素，您可能需要将点击事件绑定到文档而不是按钮。

您可以使用任意和多个数据属性：data-uid、data-name 等

,

使用jquery你可以使用这个

$('#employeeList').on('click','.opis',function(e){
    e.preventDefault();
    var fila=$(this).closest('tr');
    var name= fila.find("td:eq(0)").text();
    alert("name: "+name);
    $("#name").html(name);
})