如何使用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

试试这个：

修改 由于您尝试获取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();
    });
});​