Javascript 将appendTo动态行值传递给引导模式

我目前正在使用

appendTo

添加动态行。我想做的是，如果我单击其中一个

td

（不包括删除按钮），它将打开一个引导模式窗口，并获取其所属行的其他

td

的值。这是图片

下面是我动态添加的代码，我希望获得

td

的值并将其传递给引导模式

function AddOrder(new_code, new_name, new_qtty, new_cost) {    
    var rows = "";  
    var code = new_code;
    var name = new_name;
    var cost = new_cost;
    var qtty = new_qtty;

    rows += 
        '<tr>"' + 
        '<td class="item_code" data-toggle="modal" data-target="#mymodal">'+code+'</td>'+
        '<td class="item_name" data-toggle="modal" data-target="#mymodal">'+name+'</td>'+       
        '<td class="item_qtty" data-toggle="modal" data-target="#mymodal">'+qtty+'</td>'+ 
        '<td class="item_cost" data-toggle="modal" data-target="#mymodal">'+cost+'</td>'+ 
        '<td>'+'<button class="btn remove-button">X</button>'+'</td>'+
        '</tr>';
    $(rows).appendTo("#dynamic_added tbody");
}

你想要这样的东西吗：

$（'.item\u code、.item\u name、.item\u qty、.item\u cost'）。单击（函数（）{
$（'.modal body'）.html（$（this.closest（'tr'）.html（））；
$（'myModal'）.modal（'show'）；
});
td{
边框：1px纯黑；
}

代码1
姓名1
QT_1
成本1
X+
代码2
姓名2
qtt_2
成本2
X+
代码3
姓名3
QT_3
成本3
X+
&时代；
模态头
接近
我刚刚解决了自己的问题，我只缺少一个引导模式调用。
我添加了一个类
getdata
，我将调用它来实现javascript函数

function AddOrder(new_code, new_name, new_qtty, new_cost) {    
    var rows = "";  
    var code = new_code;
    var name = new_name;
    var cost = new_cost;
    var qtty = new_qtty;

    rows += 
        '<tr>"' + 
        '<td class="item_code getdata" onclick="GetData();">'+code+'</td>'+
        '<td class="item_name getdata" onclick="GetData();">'+name+'</td>'+       
        '<td class="item_qtty getdata" onclick="GetData();">'+qtty+'</td>'+ 
        '<td class="item_cost getdata" onclick="GetData();">'+cost+'</td>'+ 
        '<td>'+'<button class="btn remove-button">X</button>'+'</td>'+
        '</tr>';
    $(rows).appendTo("#dynamic_added tbody");
}

你能给我看一下有class
item\u code
的html吗？我正在
上动态添加html，html在javascript代码行上单击你想得到下一个td行吗？谢谢！但是，如果我单击该行的其他td，它也应该得到值。在您的代码中，只有
td class=“item_code”
需要单击以显示这些值。@keisaac kk稍等片刻，谢谢您提供的信息。我已经解决了我的问题。但如果你有更好的解决方案，我会很高兴的。@keisaac k，没问题！
function AddOrder(new_code, new_name, new_qtty, new_cost) {    
    var rows = "";  
    var code = new_code;
    var name = new_name;
    var cost = new_cost;
    var qtty = new_qtty;

    rows += 
        '<tr>"' + 
        '<td class="item_code getdata" onclick="GetData();">'+code+'</td>'+
        '<td class="item_name getdata" onclick="GetData();">'+name+'</td>'+       
        '<td class="item_qtty getdata" onclick="GetData();">'+qtty+'</td>'+ 
        '<td class="item_cost getdata" onclick="GetData();">'+cost+'</td>'+ 
        '<td>'+'<button class="btn remove-button">X</button>'+'</td>'+
        '</tr>';
    $(rows).appendTo("#dynamic_added tbody");
}

function GetData() {
    $(document).on('click', '.getdata', function(){
        $('#mymodal').modal();
        var modal_code =$(this).closest('tr').find('.item_code').text();
        var modal_name =$(this).closest('tr').find('.item_name').text();
        var modal_qtty =$(this).closest('tr').find('.item_qtty').text();
        var modal_cost =$(this).closest('tr').find('.item_cost').text();

        var modal = $("#mymodal"); // this is the id of my modal 
        modal.find('.modal-body').text(modal_code + modal_name + modal_qtty + modal_cost);
    }); 
}