如何使用 jQuery 检索动态添加/删除的数据行？答案

【问题标题】：How to retrieve dynamically added/deleted rows of data using jQuery?如何使用 jQuery 检索动态添加/删除的数据行？
【发布时间】：2012-09-12 12:29:32
【问题描述】：

我正在尝试使用 jQuery 从 html 表中的动态行中获取数据。我提到了下面的代码 sn-p 用于创建动态行

jQuery 函数

 $("#madd").click(function(){

         if ($("#selected_text").html()!=''){
          $(this).closest("tr").clone(true).appendTo("#fmly_dtls").find('input').val('');
    }else{
        alert('Please save the data');
    }
 });

表格 ID 是 #fmly_dtls，所以当我点击添加按钮时，我在表格中添加了行。添加 5 行后，我尝试从动态行数据中检索该数据。

$("#finalbtn").click(function(){
    var membrdt='';
$("#fmly_dtls tr").each(function (i) {         
    var myValue2 = $(this).closest('tr').find('td:first'); 
    alert($(this).children('td:first').val());
});

#finalbtn 是 html 按钮。当我点击按钮时。上面检索数据有什么问题吗？

jsfiddle :- JSFIDLE URL

【问题讨论】：

请修正格式，并考虑将示例发布到 jsfiddle 并添加链接。
根据你的 cmets 我添加了 jsfiddle。请检查一下。

标签： jquery

【解决方案1】：

尝试这个：

编辑： 由于您试图获取 textbox 的值而不是 td 本身的值，因此您应该使用 val() 来获取值。另外，看看你的小提琴，文本框的类型是text 而不是textbox。这是更新后的jsFiddle。

$("#finalbtn").click(function() {
    var membrdt = '';
    $("#fmly_dtls tr").each(function(i) {
        var myValue2 = $(this).find('td:first :text').val();
    });
});

【讨论】：

谢谢。如果我使用 .text()/.val() 函数。它会显示空白数据。那么如何检索行的值。
@user1357722 回复可能为时已晚，但如果您还没有找到解决方案，请查看更新后的答案。