JavaScript How to create elements into each created element?

I’m trying to put a content div into each parent div, but this way it puts all the content divs to the first parent div, not each parent div. I’ve tried to do it in 2 for loops, tried forEach, but just can’t figure it out.

        for (let i = 0; i < 5; i++) {
           const parent = document.createElement("div");
           parent.classList.add("parent");
           parent.setAttribute("id","parent");
           document.getElementById("container").appendChild(parent);
           const content = document.createElement("div");
           content.classList.add("content");
           document.getElementById("parnet").appendChild(content);
        }

Ty for your answer