javascript - 如何访问在表中使用 jquery 动态添加的图像

Question

即使这个问题是如何绑定(bind)动态元素的重复问题，我仍然没有得到关于我的问题的线索。我有一个代码可以使用 jquery(在弹出窗口中)动态地从表中加载数据。这将包括为删除行操作添加图像。所以我应该编写代码以在用户单击该图像时删除相应的行。但是单击图像时我的 jquery 流没有进入流。所以请帮我找出错误。

$("#tab_logic").find("tr:gt(0)").remove();
var tableinsp = $("#tab_logic");
$.each(responseJson, function(key, value) {
  var rowNew = $("<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>");
  rowNew.children().eq(0).text(value['parameters']);
  rowNew.children().eq(1).text(value['specifications']);
  rowNew.children().eq(2).html('<input type="text" list="combo-options" id="inpact10" class="tb3"> <datalist id="combo-options"> <option value="YES">YES</option><option value="NO">NO</option><option value="OK">OK</option><option value="NOT OK">NOT OK</option></datalist>');
  rowNew.children().eq(3).html('<input type="text" list="combo-options" id="inpact20" class="tb3"> <datalist id="combo-options"> <option value="YES">YES</option><option value="NO">NO</option><option value="OK">OK</option><option value="NOT OK">NOT OK</option></datalist>');
  rowNew.children().eq(4).html('<input type="text" list="combo-options" id="inpact30" class="tb3"> <datalist id="combo-options"> <option value="YES">YES</option><option value="NO">NO</option><option value="OK">OK</option><option value="NOT OK">NOT OK</option></datalist>');
  rowNew.children().eq(5).html('<input type="text" list="combo-options" id="inpact40" class="tb3"> <datalist id="combo-options"> <option value="YES">YES</option><option value="NO">NO</option><option value="OK">OK</option><option value="NOT OK">NOT OK</option></datalist>');
  rowNew.children().eq(6).html('<input type="text" list="combo-options" id="inpact50" class="tb3"> <datalist id="combo-options"> <option value="YES">YES</option><option value="NO">NO</option><option value="OK">OK</option><option value="NOT OK">NOT OK</option></datalist>');
  rowNew.children().eq(7).html('<img src="delete.gif" height="42" width="42" alt="idata" class="del">'); // image row
  rowNew.appendTo(tableinsp);
});

$(document).ready(function() {
  $("#tab_logic").on("click", ".del", function() {
    alert("i am");
    // add code here
  });
});

Answer 1

你可以试试这个

$("body").on("click", "#tab_logic .del",
    function() {
      alert("i am"); // add code here 
});