我正在使用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(''))
鲍勃是你的叔叔。
