javascript - 使用 jQuery/javascript 循环遍历字符串

Question

我正在使用 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 标签吗？

谢谢

Answer 1

要循环遍历字符串中的字符，您可以这样做:

var s = '123456';
for ( var i = 0; i < s.length; i++ )
{
  // `s.charAt(i)` gets the character
  // you may want to do a some jQuery thing here, like $('<img...>')
  document.write( '<img src="' + s.charAt(i) + '.png" />' );
}