Javascript 如何将对象与表行关联?

Javascript 如何将对象与表行关联?,javascript,jquery,arrays,javascript-objects,Javascript,Jquery,Arrays,Javascript Objects,我有一个javascript对象数组。表中的每一行表示数组中一个对象的大约3个属性。我有一个jquery事件处理程序,用于的模糊事件。我希望能够更新数组中的对象。问题是我不知道哪一行与数组中的哪个对象关联 是否有任何方法可以将每个对象的引用附加到行?我尝试按如下所示直接附加它,但在触发模糊事件时无法访问attachedObject var row = table.insertRow(-1); row.attachedObject = myObject; 这是我的模糊方法,我尝试设置附加对象的标

我有一个javascript对象数组。表中的每一行表示数组中一个对象的大约3个属性。我有一个jquery事件处理程序,用于
的模糊事件。我希望能够更新数组中的对象。问题是我不知道哪一行与数组中的哪个对象关联

是否有任何方法可以将每个对象的引用附加到行?我尝试按如下所示直接附加它,但在触发模糊事件时无法访问
attachedObject

var row = table.insertRow(-1);
row.attachedObject = myObject;
这是我的模糊方法,我尝试设置附加对象的标题属性的值。不幸的是,在调试时,附加的对象显示为未定义,即使它显示在附加到行的方法中

    $(document).on('blur', '.name-cell', function(e) {
        var value = $(event.target).val();
        var row = $(event.target).closest("tr");
        row.attachedObject.title = $(event.target).val();
        e.preventDefault();  // to prevent the default action of anchor elements
    });

将对象标识符另存为输入属性或表行属性:

<input type="text" data-target="<obj.id>" ... />

将对象标识符另存为输入属性或表行属性:

<input type="text" data-target="<obj.id>" ... />
$(document).on('blur', '.name-cell', function(e) {
        var value = $(event.target).val();
        var row = $(event.target).closest("tr");
        var id = $(row).attr('data-target');
        row.attachedObject.title = $(event.target).val();
        e.preventDefault();  // to prevent the default action of anchor elements
    });