jquery - 如何用新类包装元素并删除内部包装?

标签 jquery

例如:

<div class="container">
  <div class="inner"><p>Hello</p></div>
  <div class="inner"><p>Goodbye</p></div>
</div>

输出应该是这样的:

<div class="container">
  <div class="new">
    <p>Hello</p>
    <p>Goodbye</p>
  </div>
</div>

最佳答案

您可以使用.unwrap().wrapAll()方法:

$('.container p').unwrap().wrapAll('<div class="new"></div>');

jsFiddle

关于jquery - 如何用新类包装元素并删除内部包装?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21087597/

相关文章:

javascript - 我使用 JQuery 将新的 <li> 项添加到现有的 <ul> 但新的 <li> 与其他 <li> 不同

javascript - 当输入获得焦点时如何显示输入的标题值

javascript 将元素附加到 div 中

javascript - 响应式 jquery 导航交互 - 调整大小问题

Javascript 或 jQuery 替换文本

javascript - 如何使用 css 或 jquery 将类添加到按钮属性

javascript - 在javascript中正确创建具有功能的object_helper

jquery - 过滤数据AngularJS后显示消息空结果

javascript - 在不更改不同子路径中的相同 key 对值的情况下,在嵌套的 json 对象中查找和更新

jquery - 计算旋转后的新位置