Javascript 单击“表格”按钮即可获取动态创建的表格单元格值

我正在创建有3列的动态表。第一列有活动名称第二列和第三列是该活动的状态，即图像按钮。当我点击状态按钮时，它应该返回相应的活动名称。当我点击状态按钮时，什么也没有发生

如果您能提供解决方案，那就太好了

 function displayCampaigns(campaignNames) {
        var html = "<table class='table table - responsive - md' id='campaignTable'>";
        for (var i = 0; i < campaignNames.length; i++) {
            html += "<tr>";
            html += "<td>" + campaignNames[i] + "</td>";
            html += "<td><input type='button' id='telStatus' class='btn btn-success btn-circle btn-sm' onclick=function(){getRow(this)}/></td>";
            html += "<td><img src='ready.jpg' id='readyStatus' /></td>";
            html += "</tr>";
        }
        html += "</table>";
        document.getElementById("demo").innerHTML = html;



 function getRow(obj) {
        var txt;
        e.preventDefault();
        txt = $(this).parent().prev().prev().text();
        alert(txt + 'selected txt');
    }          

功能显示活动（活动名称）{
var html=“”；
对于（var i=0；i

我已经解决了你的问题

功能显示活动（活动名称）{
var html=“”；
对于（var i=0；i

您可以将#demo对象保存在一个变量中，并将一个事件侦听器附加到该变量。单击时，检查事件目标是否有您附加到按钮的类，如telStatus（不要将其用作id，因为有多行将导致多个html元素具有相同的id）。将活动名称作为id或数据属性添加到表行中，只需选中单击的按钮parentNodes即可检索id/数据属性

var活动名称=[
“abc”，“efg”
]
var demo=document.querySelector（“#demo”）；
显示活动（活动名称）；
功能显示活动（活动名称）{
var html=“”；
对于（var i=0；i

感谢您提供的解决方案。它在运行代码段中工作。但我添加到解决方案中的同一代码提供了未知的方法getRow（）。我认为我需要添加事件侦听器。我已更改了“单击事件”选项。您看到了吗？@Dnyati