Как решить задачу, Javascript?

Question

[enemorrian]

Буду признателен за помощь.
На вход подается неассоциативный массив строк из N-элементов. Нужно средствами JS создать общий элемент, внутрь которого нужно добавить все элементы массива, расположенные в своем контейнере.
Пример результата:

<div>
    <p>foo</p>
    <p>bar</p>
    <p>baz</p>
</div>

И нужно сделать то же самое при помощи jQuery.

Comments

[Николай Чуприк]

Что есть "элемент" и что есть "контейнеры" — html тэги вокруг строк из массива? Как-то мутно и непонятно сформулировали задачу. Пример вообще ни к селу, ни у городу.

Answer 1

[Art4es]

const commonContainer = document.createElement('div');
yourDataArray.map(el => {
  const innerContainer  = document.createElement('div');
  innerContainer.innerText = el;
  commonContainer.append(innerContainer); 
})
document.body.append(commonContainer);

Answer 2

[Moses Fender]

Ну или так:

document.addEventListener('DOMContentLoaded', function(){
        let arr = ['foo', 'bar', 'baz'];
        
        /* Native JS */
        let containerJS = document.createElement('div');
        [].map.call(arr, function(_el){
            let _p = document.createElement('p');
            _p.innerHTML = _el;
            containerJS.appendChild(_p);
        });
        document.body.appendChild(containerJS);
        
        /* jQuery */
        let containerJQ = $('<div></div>').appendTo($('body'));
        $.each(arr, function(_idx, _el){
            $('<p></p>').html(_el).appendTo(containerJQ);
        });
    });