javascript - 使用 jQuery load() 加载多个 ID - 更好的方法

Question

我想将外部 txt 文件 (output_file.txt) 中的多个 ID (#output1 - #output5) 加载到我的 index.html 文件中的几个 ID (#input1 - #input5) 中。下面的代码运行良好，但我相信有一种更简洁的方法可以做到这一点。我是 JS 和一般编程的新手，所以我还没有弄清楚。任何建议将不胜感激。

$("#input1").load("output_file.txt #output1"); 
$("#input2").load("output_file.txt #output2");
$("#input3").load("output_file.txt #output3");
$("#input4").load("output_file.txt #output4");
$("#input5").load("output_file.txt #output5");

标签： javascriptjquery

Answer 1

您可以使用简单的for循环

for(var i = 1; i <= 5; i++) {
  $("#input" + i).load("output_file.txt #output" + i);
}