将函数应用于动态生成的表

时间:2019-07-14 16:37:41

标签: javascript jquery datatables papaparse

我想将某些功能应用于基于CSV文件的动态生成的表(使用Papa Parse和DataTables),但无法弄清楚如何使其工作。

由于我对JavaScript / jQuery的了解不多,所以我很想知道确切地放置代码的位置,而不仅仅是获取代码本身。

我要应用于表的功能:

$(function(){
$("td").wrapInner('<a href="#"></a>');
})

$(function(){
$('table a').each(function () {
    var username = $(this).closest('tr').find('td:eq(0)').text();
    $(this).prop("href", "https://www.instagram.com/" + username);
});
})

用于生成表的脚本:

window.onload=function(){

var inputElement = document.getElementById("input"),
    csvs = ["text/csv", "application/vnd.ms-excel"],
    example = null;

inputElement.addEventListener("change", handleFiles, false);

function handleFiles() {
    var file = this.files[0];
    if (window.File && window.FileReader && window.FileList && window.Blob) {
        if (csvs.indexOf(file.type) === -1) {
            alert("Please only upload CSV files.")
        } else {
            Papa.parse(file, {
                "download": true,
                "header": true,
                "complete": results => {

                    example = $("table").DataTable({
            "paging": false,
            "searching": false,
            "bInfo" : false,
                        "columns": results.meta.fields.map(c => ({
                            "title": c,
                            "data": c,
                        })),
                        "data": results.data,
                        "columnDefs": [{
    "defaultContent": "-",
    "targets": "_all"
  }],
                    });
                }
            });
        }
    }
}


    }

0 个答案:

没有答案