Javascript 组合多个元素并将结果附加到div

制作：

$("#somediv").append(setParagraph(jsonValue));

您可以使用

$.map（..）

为此，下面是一个示例：

函数集段落（paraList）{
返回$.map（参数列表、函数（项）{
返回$（“”{
正文：项目
});
});
}
$（“#somediv”）.append（setparation（[“一”、“二”、“三”））

您可以使用
$.map（..）
为此，下面是一个示例：


函数集段落（paraList）{
返回$.map（参数列表、函数（项）{
返回$（“”{
正文：项目
});
});
}
$（“#somediv”）.append（setparation（[“一”、“二”、“三”））
我创建了一个简单的小提琴示例，我认为它适合您的需要。它以一种不同的方式工作，至少有一点，但只要稍作改变，你就会得到你想要的结果

这是小提琴：

代码如下：

<div id="somediv">
    <p>First para</p>
    <p>Second para</p>
</div>

HTML:

我创建了一个简单的小提琴示例，我认为它适合您的需要。它以一种不同的方式工作，至少有一点，但只要稍作改变，你就会得到你想要的结果

这是小提琴：

代码如下：

<div id="somediv">
    <p>First para</p>
    <p>Second para</p>
</div>

HTML:


更短


<代码> const Pal= [一]，“二”，“三”
$（“#somediv”）.html（par.map（p=>$（“”，{text:p}））

更短


<代码> const Pal= [一]，“二”，“三”
$（“#somediv”）.html（par.map（p=>$（“”，{text:p}））

请发布您的尝试，注意输入和预期输出。单击编辑，然后单击

[]

snippeteditoralso

var$pElement=$（“
”）。文本（字段）添加请发布您的尝试，注意输入和预期输出。单击编辑，然后单击
[]
snippeteditoralso
var$pElement=$（“
”）。文本（字段）添加了可能是，可能是
// index.js 
const paragraphsCollection = [
  {
    tag: 'p',
    content: 'This is the first parargraph',
  },
  {
    tag: 'p',
    content: 'This is the second paragraph',
  },
];

const setParagraph = (parentElem, contentData) => {
    contentData.forEach(({ tag, content }) => {
          const domElem = document.createElement(tag);
            domElem.innerText = content;

            parentElem.appendChild(domElem);
        });
};

const divElem = document.querySelector('.parentDiv');

setParagraph(divElem, paragraphsCollection);


<div class="parentDiv"></div>