Найти конкретную строку атрибутов JQuery

Question

На моей форме asp.net, в строке таблицы я добавить ячейки и в этих клетках добавить текстовые поля с атрибутом, как -

string residentId = (new GUID()).ToString(); 
string houseId = (new GUID()).ToString(); 

HtmlTableRow detailRow = new HtmlTableRow(); 
detailRow.Attributes.Add("residentId", residentId); 
detailRow.Attributes.Add("houseId", houseId); 

HtmlTableCell dataCell = new HtmlTableCell(); 

TextBox tb = new TextBox(); 
tb.Attributes.Add("componentname", "tbMoveInDate"); 

tb.Attributes.Add("onchange", "updateMoveInDate()"; 

cell.Controls.Add(tb); 
detailRow.Cells.Add(dataCell); 

с possiblility из 100+ строк, все с четкими идентификаторами, конечно.

в моей JavaScript У меня есть эта функция -

function updateMoveInDate() { 
    var MoveInDateEle = $("[componentname*='tbMoveInDate']"); 
} 

в этой точке MoveInDateEle представляет собой совокупность всех этих текстовых полей в таблице и

var currentRow = $("[componentname*='tbMoveInDate']").parent().parent(); 

дает мне все строки. но не моя конкретная строка.

Как можно получить конкретное текстовое поле, в котором я работаю, и конкретный идентификатор идентификатора и идентификатора места жительства, связанный с этим элементом управления?

Answer 1

Вы могли бы сделать

tb.Attributes.Add("onchange", "updateMoveInDate(this)"; 

И

function updateMoveInDate(txt) { 
    var $txt = $(txt); 
    var $row = $txt.closest('tr'); 
    var residentId = $row.attr('residentId'); 
    var houseId = $row.attr('houseId'); 
} 

Answer 2

Изменение C# кода:

tb.Attributes.Add("onchange", "updateMoveInDate(this)"; 

и функции Js как:

// obj here refers to the current textbox in the scope 
// on which the on-change event had occurred... 
function updateMoveInDate(obj) { 
    var currentRow = $(obj).closest('tr'); 
} 

Answer 3

Попробуйте

tb.Attributes.Add("onchange", "updateMoveInDate(this)"; 

в коде позади

string residentId = (new GUID()).ToString(); 
    string houseId = (new GUID()).ToString(); 

    HtmlTableRow detailRow = new HtmlTableRow(); 
    detailRow.Attributes.Add("residentId", residentId); 
    detailRow.Attributes.Add("houseId", houseId); 

    HtmlTableCell dataCell = new HtmlTableCell(); 

    TextBox tb = new TextBox(); 
    tb.Attributes.Add("componentname", "tbMoveInDate"); 

    tb.Attributes.Add("onchange", "updateMoveInDate(this)"; 

    cell.Controls.Add(tb); 
    detailRow.Cells.Add(dataCell); 

JQuery:

function updateMoveInDate(args) { 
    var MoveInDateEle = $(args).closest('tr'); 

}