如何将字符串转换为HTMLCollection

Question

我在javascript字符串文字模板中存储了静态html。

按钮单击，（模态弹出）我需要通过函数传递存储的静态html，并使用存储在隐藏div中的动态数据更新其中的元素。

我需要html静态字符串成为HTML集合，因此我可以在其上执行jQuery函数，以查找和替换存储在隐藏div中的动态内容中的元素第

我该怎么做？

Answer 1

var htmlString = "<div class='abc'><p>Lorem <strong>ipsum</strong> dolor sit amet..</p></div>";
var html = $(htmlString);

它创建了一个用jQuery包装的元素，所以你可以在它上面执行它的方法，当你完成时，你可以append()它到你的模态。

Answer 2

假设if furnishedInput.lower() == 'y': 是您要添加到模态的HTML

var HTMLAsString = "<div id="dynamicDivId">This is paragraph</div>"

获取以下输出

<div id="modalDivId">
    <div id="hiddenDivId">some data</div>
</div>

你可以做这样的事情

<div id="modalDivId">
    <div id="hiddenDivId">some data</div>
    <div>some data</div>
</div>

Answer 3

要在评论中回答您关于如何在纯JavaScript中完成此操作的问题，您需要执行以下操作：

var newDiv = document.createElement('div');
newDiv.className = 'foo';
var markup = '<p>blah blah blah...</p>';
newDiv.innerHTML = markup;

然后，您可以对新节点执行任何操作，并使用以下内容将其插入DOM：

document.body.appendChild(newDiv);