JQuery - 通过$ .each循环查找表中的文本框值

Question

我有一个HTML表...这个HTML表的第一行是静态的,当他们点击一个(+)按钮意味着,行将动态添加,用户想删除一行意味着,他点击一个( - )按钮意味着当前行是删除.

每行有4个文本框.我的Jquery代码如下.

var FirstName;
var LastName;
var Email;
var PhoneNumber;
 $("#tableId tr").find('fieldset').each(function (i) { 
                    FirstName =FirstName +','+ $("#txtFirstName" + (i + 1) + "").val();
                    LastName =LastName +','+ $("#txtLastName" + (i + 1) + "").val();
                    Email =Email +','+ $("#txtEmail" + (i + 1) + "").val();
                    PhoneNumber = PhoneNumber+','+ $("#txtPhoneNumber" + (i + 1) + "").val();
                });

我设置文本框的id是动态的,它的工作正常,但是当用户删除一行意味着我无法获得基于Id的文本框值.

我如何获得文本框值？

Answer 1

我正在使用索引来访问四个文本字段.还添加了$ fieldset作为上下文.

$("#tableId").find('tr fieldset').each(function (i) { 
    var $fieldset = $(this);
    FirstName =FirstName +','+ $('input:text:eq(0)', $fieldset).val();
    LastName =LastName +','+ $('input:text:eq(1)', $fieldset).val();
    Email =Email +','+ $('input:text:eq(2)', $fieldset).val();
    PhoneNumber = PhoneNumber+','+ $('input:text:eq(3)', $fieldset).val();
});