当我点击ajax响应中的按钮时，在AJAX外调用一个函数

Question

我真的很困惑。当我点击AJAX响应中的按钮时，如何从外部AJAX调用函数？

我点击一个类别后会显示标有数字1的tableData，然后如果我点击表格中显示的数字1上的<td id="mapel-desc-name"....，它将调用我用数字2标记的代码。如果不复制数字1上的ajax中的数字2上的代码，我该怎么办？

由于

    $("[id=mapel-desc-nav]").on('click', function(){
        var kelompok = $(this).attr("data-desc-id");
        var tableData;

        $("[id=mapel-desc-nav]").removeClass('active');
        $(this).addClass('active');

        $.ajax({
            url: "{{ url('/getmapelkel') }}",
            type: 'POST',
            data: "_token={{ csrf_token() }}&"+"kelompok="+kelompok,
            success: function(response){
                if(response){
                    if(!response.length){
                        tableData = '<tr><td>1</td><td>No Data</td></tr>';
                        $('#desc-mapel-list').html(tableData);
                    }else{
                        $.each(response, function(index, data) {
              /* Number 1*/   tableData += '<tr><td>'+ (index+1) +'</td><td id="mapel-desc-name" data-mapel-id="'+data.kodemp+'">'+data.namamp+'</td></tr>';
                        });
                        $('#desc-mapel-list').html(tableData);
                    }
                }else{
                    alert('Something wrong happen.');

                }
            }
        });

    });

// Number 2
    $("[id=mapel-desc-name]").on('click', function(){
        var id = $(this).attr("data-mapel-id");
        var tableData;

        $("[id=mapel-desc-name]").removeClass('active');
        $(this).addClass('active');

        $.ajax({
            url: "{{ url('/getmapeldesc') }}",
            type: 'POST',
            data: "_token={{ csrf_token() }}&"+"id="+id,
            success: function (response) {
                if(response){
                    $('textarea#pengA').html(response[0].desc.pengA);
                    $('textarea#pengAmin').html(response[0].desc.pengAmin);
                    $('textarea#pengBplus').html(response[0].desc.pengBplus);
                    $('textarea#pengB').html(response[0].desc.pengB);
                    $('textarea#pengBmin').html(response[0].desc.pengBmin);
                    $('textarea#pengCplus').html(response[0].desc.pengCplus);
                    $('textarea#pengC').html(response[0].desc.pengC);
                    $('textarea#pengCmin').html(response[0].desc.pengCmin);
                    $('textarea#pengDplus').html(response[0].desc.pengDplus);
                    $('textarea#pengD').html(response[0].desc.pengD);
                    $('textarea#prkA').html(response[0].desc.prkA);
                    $('textarea#prkAmin').html(response[0].desc.prkAmin);
                    $('textarea#prkBplus').html(response[0].desc.prkBplus);
                    $('textarea#prkB').html(response[0].desc.prkB);
                    $('textarea#prkBmin').html(response[0].desc.prkBmin);
                    $('textarea#prkCplus').html(response[0].desc.prkCplus);
                    $('textarea#prkC').html(response[0].desc.prkC);
                    $('textarea#prkCmin').html(response[0].desc.prkCmin);
                    $('textarea#prkDplus').html(response[0].desc.prkDplus);
                    $('textarea#prkD').html(response[0].desc.prkD);
                    $('textarea#skpSB').html(response[0].desc.skpSB);
                    $('textarea#skpB').html(response[0].desc.skpB);
                    $('textarea#skpC').html(response[0].desc.skpC);
                    $('textarea#skpK').html(response[0].desc.skpK);

                    $('#nama-mapel').html(response[0].mapel.namamp);
                    $('[data-opt-descid=only]').html(response[0].mapel.namamp);
                    $('[data-opt-descid=only]').val(response[0].mapel.kodemp);
                    $('[data-opt-descid=kel]').html("Semua kelompok "+response[0].mapel.kel);
                    $('[data-opt-descid=kel]').val(response[0].mapel.kel);
                }else{
                    alert('Something wrong happen.');

                }
            }
        });

    });