Javascript 使URL在JS中的单个HTML表列中可单击？（CSV解析到HTML表）_Javascript_Jquery_Html_Csv_Papaparse

Javascript 使URL在JS中的单个HTML表列中可单击？（CSV解析到HTML表）

javascript jquery html csv

Javascript 使URL在JS中的单个HTML表列中可单击？（CSV解析到HTML表）,javascript,jquery,html,csv,papaparse,Javascript,Jquery,Html,Csv,Papaparse,我使用PapaParse解析CSV中的数据，并将结果显示在HTML表中。HTML表包含一个带有URL的列。目前，我的解析器正在以文本格式解析它们。我希望这些网址是可点击的，但他们在文本格式 HTML: <html> <head> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="http:

我使用PapaParse解析CSV中的数据，并将结果显示在HTML表中。HTML表包含一个带有URL的列。目前，我的解析器正在以文本格式解析它们。我希望这些网址是可点击的，但他们在文本格式

HTML:

  <html>
    <head>
        <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="http://papaparse.com/resources/js/papaparse.js"></script>
        <script src="test.js"></script>
        <link rel="stylesheet" href="main.css">
      <meta charset="utf-8">
    <meta http-equiv="refresh" content="120"><!-- REFRESH EVERY 2 minutes -->
      <title>JS Bin</title>
    </head>
    <body>
        <table id="results">
            <tbody>
            </tbody>
        </table>

    </body>
    </html>

$(function() {
    Papa.parse("data/file.csv", {
        download: true,
        complete: function(results) {
            console.log("Remote file parsed!", results.data);
            $.each(results.data, function(i, el) {
                var row = $("<tr/>");
                row.append($("<td/>").text("")); /**List Number**/
                $.each(el, function(j, cell) {
                    if (cell !== "")
                        row.append($("<td/>").text(cell));
                });
                $("#results tbody").append(row);
            });
        }
    });
});

当前输出将是上述所有字段，但均为文本格式。我想所有的最后字段（网址）是可点击的。使用我的上述方法，这可能吗

这与解析CSV文件无关，对于这个用例来说，regexp原则可能过于复杂。必须有一个非常简单的解决方案

您在创建表行时遇到问题。正确的方法是：

追加（$（“”，{text:cell}））；//如果不是最后一个单元格或URL
行。追加（$（“”）。追加（$（“”，{href:cell，text:cell}））

片段：

//Papa.parse（“data/file.csv”{
Papa.parse（'1，搜索，www.google.com\n\
2、汽车，www.autotrader.com\n\
3，新闻，www.bbc.co.uk/news\n'{
//下载：对，
完成：功能（结果）{
//log（“已解析远程文件！”，results.data）；
$.each（结果、数据、函数（i、el）{
变量行=$（“”）；
$。每个（el，函数（j，单元）{
如果（单元格！==“”）{
如果（j！=2）{
append（$（“”，{text:cell}））；
}否则{
行。追加（$（“”）。追加（$（“”，{href:cell，text:cell}））；
}
}
});
$（“#结果正文”）。追加（行）；
});
}
})；

1, search, www.google.com
2, car, www.autotrader.com
3, news, www.bbc.co.uk/news