Question

我正在使用jquery 1.11.0和IE9编写一个小脚本。基本上它的功能是读取CSV或文本文件。该脚本基本上读取文本文件并在IE中显示。您可以在下面找到文本文件的示例内容。我能够读取文件内容并在IE中显示它几乎没有问题但是我在从文本文件中提取的字符串上插入脚本时遇到问题。

文字内容：5:00,5,7,#5:30,6,8,#6:00,7,9,#6:30,7,10,#7:00,8,10,#

var txts = "";
$.get("sample.text", 
      function(data) { 
        rows = data.split(",#"); 
        for (x=0; x<rows.length-1; x++){ 
          txts += "<tr><td>"+rows[x]+"</td><tr>"; 
        }
 });
 $("#output").html("<table>"+txts+"</table>");

它可能不是完整的代码，但我希望你能得到这个想法。因此，它将显示为一个表格，我正在尝试做的是向每一行添加“工具提示”，当您将鼠标悬停在第一行时，工具提示应显示“5:00 AM - 5鸡蛋，7培根“。我不知道从哪里开始完成这项任务。

Answer 1

在循环的每次迭代中，再次围绕逗号再次拆分数据。然后你可以用它做任何你想做的事情，比如把它放在＆＃34; title＆＃34;所以它会显示为工具提示。

var txts = ""; 
$.get("sample.text", function(data) { 
  var rows = data.split(",#"); 
  for (x=0; x<rows.length-1; x++) { 
    var tmp = rows[x].split(",");
    txts += "<tr><td title='"+tmp[1]+" eggs, "+tmp[2]+" bacon'>"+tmp[0]+"</td><tr>"; 
  } 
  $("#output").html("<table>"+txts+"</table>");
});

Answer 2

您编写的代码不起作用：您在异步函数txts之外声明并使用字符串get()，但实际上是在函数内填充了字符串（将执行之后 html()语句。

它应该是这样的：

$.get("sample.text", function(data) { 
  var txts = ""; 
  var rows = data.split(",#"); 
  for (x=0; x<rows.length-1; x++) { 
    var tmp = rows[x].split(",");
    txts += "<tr><td title='"+tmp[1]+" eggs, "+tmp[2]+" bacon'>"+tmp[0]+"</td><tr>"; 
  } 
  $("#output").html("<table>"+txts+"</table>");
});

读取文本文件后插入jquery / javascript

2 个答案: