我想将某些功能应用于基于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"
}],
});
}
});
}
}
}
}