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 中。（根据规范——另请参阅将 <div> 放入 <p> 是添加额外的 <p>）如果您有兴趣。

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

这是一个小提琴，展示了它是如何工作的。

Answer 2

工作示例：http: //jsfiddle.net/ef43tgto/

您应该制作 .filename 和 .fileSize<p>标签以及 .fileDetails <div>。然后你可以使用 jQuery .wrap()

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

if ( !$('.container').length ) {
    $('.fileDetails').wrap('<div class="container" />')
}