时间戳

首页 > 解决方案 > 如何取回这些表格单元格的值？

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

问题描述

我得到了这个功能，让 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>`;
  }

}

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

标签： javascripthtmlasync-await

解决方案

使用 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);
})

推荐阅读