javascript - 使用 jQuery 显示文本文件中的数据

Question

我需要显示/append 文件 file.txt 中的数据，该文件包含 400 行，格式如下:

http://www.exemple.com/img1.jpg, title1, subtitle1, description1;
http://www.exemple.com/img2.jpg, title2, subtitle2, description2;
http://www.exemple.com/img3.jpg, title3, subtitle3, description3;
http://www.exemple.com/img4.jpg, title4, subtitle4, description4;
http://www.exemple.com/img5.jpg, title5, subtitle5, description5;

我知道如何将 1 行追加到 <div> 中。但是，这里每行有 4 个元素。我需要将它们变成 4 个可以用来显示它们的元素。

我正在使用这个 jQuery 代码片段，它适用于每行包含 1 个元素的行，并在行尾进行拆分。

$.get('file.txt', function(data) {
  //var fileDom = $(data);

  var lines = data.split("\n");

  $.each(lines, function(n, elem) {
    $('#display').append('<div><img src="' + elem + '"/></div>');
  });
});

HTML 输出为:

$('#display').append('<div class="container"><div class="left"><img src="' + src + '"/></div><div class="right">' + title + '<br/>' + subtitle + '<br/>' + description + '</div></div>');

感谢您的见解!

Answer 1

您可以再次拆分:

$.each(lines, function(n, line) {
    // Breaks up each line into ['src', 'title', 'subtitle', 'description']
    var elements = line.split(', ');
    $('#display').append('<div><img src="' + elements[0] + '"/></div>');
});