我需要显示/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>');
感谢您的见解!
最佳答案
您可以再次拆分
:
$.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>');
});
关于javascript - 使用 jQuery 显示文本文件中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38799914/