Skip to content
Advertisement

Create element inside another based on id

rigth now I have this code to draw some divs (based on some logic I’ll have parent and childs.

array.forEach(async (a, b) => { 
    var currentDiv = 0;
    let divHtml;

    if (b === 0) {
        //This should be the first parent 
        divHtml = document.createElement('div');
        divHtml.id = 'someID' + currentDiv;
    } else if (previousDiv != currentDiv) {
        // This should be used for next parents based on the previousDiv & currentDiv logic
        divHtml = document.createElement('div');
        divHtml.id = 'someID' + currentDiv;
    } else {
        // This should be used only for childs. I want to create another div but inside the parent that I have stored into currentDiv.
        divHtml = document.getElementById('someID' + currentDiv);
        divHtml.id = 'someChildID' + currentDiv;
    }

    // Some more code below but what it's important is this (I continue using the divHtml in a lot of places on my code):
    divHtml.setAttribute('someData', someDataAttribute);
}); 

So, my question is: if there is a way to get the parentDiv and draw inside the X childs elements and how can I do it? I tried with this:

divHtml = document.createElement('div').appendTo($('#someID' + currentDiv));

But I’m getting the .appendTo() is not a function error message.

Advertisement

Answer

.appendTo() is a jQuery method, it seems you are using plain javascript, maybe you want to use append or appendChild

Advertisement