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

Question

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

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

Answer 1

尝试这个：

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

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