Jquery 如何读取动态生成的HTML表行的td值？

在我的应用程序中，我需要在输入控件文本框中输入所有输入值

然后，将这些值作为一行插入表中，我在这里检查多余的EmpNo值。 插入表的行时，删除按钮将与ID一起动态生成

现在我需要在单击delete按钮时删除该行

如何选择所选删除按钮的行？把它从桌子上拿下来

---

以一致的方式生成行和按钮的ID，如DelButton1，Row1；DelButton2、Row2等。然后在deletebuttons事件处理程序中，获取调用者的id，使用该id计算出伴随行的id，并删除该行

另外，请注意，要删除元素，需要在该元素的父元素上使用removeChild

或者，如果您有“删除按钮”对象，则可以使用：

<deleteButton>.parentNode.parentNode

---

要获取tr元素，第一个parentNode获取按钮所在的td元素，第二个获取tr。请注意，如果在tr之前按钮周围有任何其他标记，这意味着您需要多次调用parentNode。

简单的解决方案是读取输入并将html附加到表中：

var rowid = 0;
function addRow(empno, name, sal, deptno){
   rowid = "tableRow" + tableid;
   var row = "<tr id=rowid><td>"+ empno+"</td>"+ "<td>"+ name+"</td>"+ "<td>"+
                           sal+"</td>"+ "<td>"+deptno+"</td></tr>";
           $("tbody").append(row);
           id+=1;
     }
function removeRow(rowid){...}

此代码将添加到表中。因此，在输入时，您必须正确读取值。

这是您的更新

这是一条重要的路线：

JS

我刚刚使用了您的单击事件来触发。删除。

请尝试此操作

 //=======remove dyanamic file=====//
    $(document).on("click", "#btnDelete", function () {
        $(this).closest("#YourtrID").remove();
    });

---

它正在工作

我在JSFIDLE中放置了代码，请在这里查看JSFIDLE是否有工作的机会？@3RR404，但它在我的本地机器（即visual studio IDE）中运行良好。我在JSFIDLE中放置了相同的代码。但它在JSFIDLE中不起作用。@3rror404感谢您编辑此问题。@AstroCB感谢您纠正错误。请告诉我，这是插入行时绑定click event函数的正确方法还是删除行的最佳方法？是的，我可以将行附加到表中，这里我需要获取单击的删除按钮的行，然后从表中删除该行。这就是我要说的？删除行相当于删除元素。是的，我这样做了，我需要在单击“删除”按钮时删除所选行

$(this).parent().parent().remove();

 //=======remove dyanamic file=====//
    $(document).on("click", "#btnDelete", function () {
        $(this).closest("#YourtrID").remove();
    });