JS: after() in loop results in reverse order

I have an array with html tags as strings in it such as :

array = [
"<p>1</p>",
"<p>2</p>",
"<p>3</p>"
]

and a for loop that uses the after() method :

for (let i = 0; i < array.length; i++) {
  $(this).after(array[i])
}

Which results in “3 2 1” instead of “1 2 3” as I expected. Is there a method like after() that put the html tag below the previously placed one? Are there any ways to achieve what I’m trying to do? Thanks you, have a nice day 🙂