Загрузите несколько идентификаторов с помощью jQuery load () - лучший способ

Question

Я хочу загрузить несколько идентификаторов (# output1 - # output5) из внешнего текстового файла (output_file.txt) в несколько идентификаторов (# input1 - # input5) внутри моего индекса. html файл. Код ниже работает хорошо, но я считаю, что есть более чистый способ сделать это. Я новичок в 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");

Answer 1

Вы можете использовать простые for л oop

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