jQuery-通过$ .each循环在表中查找文本框值 [英] JQuery - Find textbox values within a table through $.each loop

问题描述

我有一个HTML表格...该HTML表格的第一行是静态的，当他们单击一个(+)按钮表示行将动态添加时，用户要删除一行意味着他单击了一个(- )按钮表示当前行已删除.

I have one HTML Table... This HTML table's first row is a static, when they click one (+) button means, the rows will added dynamically, the user want to delete one row means, he click one(-) button means current row is delete.

每行有4个文本框.我的Jquery代码在下面给出.

Each row have 4 text-boxes. My Jquery code is give below..

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的文本框值.

I set the text-boxes id's are dynamically,its working fine, but when the user delete one row means i cant get the text-boxes value based on Id.

如何获取文本框值?

推荐答案

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

I'm using the index to access the four text fields. Also added the $fieldset as a context.

$("#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();
});

这篇关于jQuery-通过$ .each循环在表中查找文本框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！