Javascript 可编辑多个链接

试图使表格编辑多个链接，并在提交时更新结果

function inlineEditData(linkId){
    $('.inlineLinkEdit_' + linkId).editable('crudDocumentationLink.htm', {  
        event     : 'editclick',
        submit    : 'Save',
        cancel    : 'Cancel',
        indicator : '<img src="images/indicator.gif">',
        width     : 600,
        onsubmit  : function(value, settings) {
            $('.inlineLink_' + linkId).href=value;
            $('.inlineLink_' + linkId).innerHTML=value;
            $('.inlineLink_' + linkId).show();
            $('.inlineLinkEdit_' + linkId).hide();
            $('.inlineLinkTrigger_' + linkId).show();
        },
        onreset  : function(value, settings) {
            $('.inlineLink_' + linkId).show();
            $('.inlineLinkEdit_' + linkId).hide();
            $('.inlineLinkTrigger_' + linkId).show();
        }
    });
}

function editLink(linkId){
    $('.inlineLink_' + linkId).hide();
    $('.inlineLinkEdit_' + linkId).show();
    $('.inlineLinkTrigger_' + linkId).hide();

    inlineEditData(linkId);

    $('.inlineLinkEdit_' + linkId).trigger('editclick');
}

函数inlineEditData（linkId）{ $（'.inlineLinkEdit_'+linkId）.editable（'crudDocumentationLink.htm'，{ 事件：“编辑单击”， 提交：“保存”， 取消：“取消”， 指标：“”， 宽度：600， onsubmit：函数（值、设置）{ $（'.inlineLink\'+linkId）.href=value； $（'.inlineLink\'+linkId）.innerHTML=value； $（'.inlineLink\'+linkId.show（）； $（'.inlineLinkEdit\'+linkId）.hide（）； $（'.inlineLinkTrigger_u'+linkId）.show（）； }, onreset：功能（值、设置）{ $（'.inlineLink\'+linkId.show（）； $（'.inlineLinkEdit\'+linkId）.hide（）； $（'.inlineLinkTrigger_u'+linkId）.show（）； } }); } 函数editLink（linkId）{ $（'.inlineLink\'+linkId）.hide（）； $（'.inlineLinkEdit\'+linkId）.show（）； $（'.inlineLinkTrigger_'+linkId）.hide（）； inlineEditData（linkId）； $（'.inlineLinkEdit'+linkId）.trigger（'editclick'）； } 和html：

<a href="${document.link}" class="inlineLink_${document.id}" id="inlineEdit_${document.id}">${document.link}</a>
<span style="display:none;" class="inlineLinkEdit_${document.id}" id="inlineEdit_${document.id}">${document.link}</span>
<span class="inlineLinkTrigger_${document.id}" onclick="editLink(${document.id})" style="cursor:pointer;">edit</span>

${document.link}
编辑

---

编辑工作。但我希望页面上的值根据用户输入进行更新。那么，我的代码出了什么问题呢？

最后我成功地做到了（问题在于正确设置文本）。 我将“onsubmit”改为“callback”，其中的前两行

$('.inlineLink_' + linkId).attr({"href":$('.inlineLinkEdit_' + linkId).text()});
$('.inlineLink_' + linkId).text($('.inlineLinkEdit_' + linkId).text());