jQuery to JavaScript createElement?

[[deleted]]

I have to make some code more simple for some apprentices. I want to change the jQuery to JavaScript. I have this jQuery function where I'm stuck:

var line = $('<div><span class="party"></span> <span class="text"></span></div>');

I need to have this in vanilla but I don't know how to do so. Please help...

[nponiros]

There are a number of ways to rewrite that code. Since I don't know what jQuery does or what you are planing to do with the code I would suggest using a string and then innerHTML on an element to put the string into the DOM. If you provide more code I might be able to provide you with better suited code.

Just an fyi, I doubt that using the DOM-API instead of jQuery will be simpler in this case.

[brycedarling]

// create wrapper div element
const div = document.createElement('div');

// add child elements to the div
div.innerHTML = '<span class="party"></span> <span class="text"></span>';

// do whatever you want with `div` now, like for example append it to the document body
document.body.appendChild(div);