Javascript 如果元素没有使用包装，如何使用div容器包装元素？

我试图用div容器包装下面的元素，如果它不是用包装的话

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

文本放在此处文本放在此处

如何解决此问题？

您不能将

元素放在

的内部。（具体到规格——另请参见）如果您感兴趣

因此，您必须切换到您想要的样式的

，或者从语义上讲，无序列表更有意义

显示它如何工作。

工作示例：

您应该制作.filename和.fileSize

标记和.fileDetails a

。然后可以使用jQuery.wrap（）

文本位于此处
文本显示在此处
如果（！$（'.container'）。长度）{
$（'.fileDetails'）.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" />')
}