JQuery - 编辑行函数

Question

我想创建编辑行功能，在用户点击＆＃34;编辑＆＃34;时打开模态。 我有以下代码添加行：

function addRow()
    {

        var fileNameIndex = $('#file').val().split('\\').pop();

        $('#sample_editable_1 tbody').append('<tr>'+
                                             '<td class="TDversion"> '+
                                             $('#version').val()+
                                             '</td>'+
                                             '<td class="TDplatform">'+
                                             '<input class = "hiddenField" type="hidden" value ="' + $('#DDLpackages option:selected').val()+ '"' + '>'+
                                             $('#DDLpackages option:selected').text()+
                                             '</td>'+
                                              '<td class="TDexpDate">'+
                                             $('#expDate').val()+
                                             '</td>'+
                                             '<td class="TDfile">'+
                                             fileNameIndex +
                                             '</td>'+
                                             '<td>'+
                                             '<input type = "button" class = "editButton" value ="edit"></input>'+
                                             '<td>'+
                                             '<a class="cancel" href="">Delete</a>'+
                                             '</td>'+
                                             '</tr>');

        $('.editButton').on('click',function(){

            $("#myModal").modal("show");

        });
    }

我希望打开的模态包含我填充的数据。

Answer 1

字符串模板非常复杂且难以维护

你应该使用模板语言

我的建议是handlebars