javascript - 如果元素没有包裹起来，如何用 div 容器包裹该元素？

Question

我尝试用 div 容器包裹以下元素，如果它没有包裹起来。

<p class="fileDetails"><div class="filename">text goes here</div><div class="fileSize">text goes here</div></p>

如何解决这个问题？

Answer 1

你不能输入 <div> <p> 内的元素s。 (具体规范 - 另请参阅 Putting <div> inside <p> is adding an extra <p> )如果您有兴趣。

所以你必须切换到 <span>这是您想要的样式，或者从语义上讲，无序列表可能更有意义。

Here's a fiddle展示它是如何工作的。