我正在使用jQuery从与当前网页相同的服务器加载一个简单的txt文件 – 此文件将始终包含无格式的纯数字 – 例如。 123456
$(document).ready(function(){
var test;
$.getJSON('myfile.txt',function(data) {
test = data;
showAlert(); // this call will display actual value
});
function showAlert() {
alert(test);
}
});
此时，代码将文件拉入，然后在警告框中显示内容，但是我想要做的是通过字符逐个读取，并创建一个HTML字符串，然后我可以插入到页面中 – 每个字符将被转换为图像标签。
例如，如果响应为123，我想创建一个包含以下HTML的字符串：
<img src="1.png" /> <img src="2.png" /> <img src="3.png" />
然后我将该字符串插入我的页面上的div。
有人可以建议如何循环响应来创建img标签？
谢谢
解决方法
我喜欢
jQuery.map这样的东西。将每个数字映射(即转换)为HTML片段：
var images = jQuery.map((1234567 + '').split(''),function(n) {
return '<img src="' + n + '.png" />'
})
images[0]; // <img src="1.png" />
images[1]; // <img src="2.png" />
images[2]; // <img src="3.png" />
// etc...
然后您可以加入(”)并以一个快速的方式将其插入到DOM中：
$('#soMetarget').append(images.join(''))
鲍勃是你的叔叔。
